.hmFocus,.hmFocus_item{height:calc(100vh - 230px);}
.hmFocusWpr{position:relative;}
.hmFocus{ background:#000;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 10px; z-index: 5; }
.hmFocus_doc ul{ text-align:center; display:flex;}
.hmFocus_doc ul li{ cursor:pointer; width:80px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px;}
.hmFs_docx.on i{width:100%; transition:all 5s linear;}
/*.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 10s linear;}*/
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.2);}
.hmBan_txt p{ font-size: 40px; line-height: 52px; margin-top: 8px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; padding-left:40px; }
.hmBan_txt strong{ font-size: 60px; display: block; line-height: 70px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0;padding-left:40px; font-weight:normal; position:relative}
.hmBan_txt strong span{ color:#c12c25;}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; height:60px;padding-left:40px; margin-top:2.2vw;}
.active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_m{ line-height: 44px; text-align: center; display: inline-block; width: 158px; font-size: 14px; letter-spacing: 4px; color: #FFF; float: left; height: 48px; border: 2px solid #FFF; border-radius:2em; }
.hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); background:var(--cor); border-color:var(--cor); color:#fff;}
.hmBan_mvBtn{ background: url(../images/hmBan_ico.png) no-repeat center center; height: 60px; width: 60px; margin-left: 36px; border: 1px solid #FFF; border-radius:50%; display:inline-block;}
.hmNext{ background: url(../images/hmMs.png) no-repeat center center; display: inline-block; position: absolute; margin-left: -12px; z-index: 1; height: 40px; width: 24px; left: 50%; bottom: 120px; }
.hmNext:after{ content: ""; background: url(../images/hmBar.png) no-repeat center center; height: 6px; width: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: -16px; animation:nextAni 1s linear infinite; }
.hmBan_txt strong:after{ content: ""; background: url(../images/banline.png) no-repeat left top; position: absolute; left: 0px; top:14px; height: 194px; width: 6px; }
.hmFocus_doc .container{display:flex;justify-content:flex-end;}
.hmFs_fun{display:flex;}
.hmPNbtns{ width:52px; height:22px;display:flex; justify-content:space-between; margin-left:20px; position:relative; top:-10px; }
.hmPNbtns .prev{ height: 22px; width: 22px; background: url(../images/fs_ar.png) no-repeat center center; border-radius: 50%; cursor:pointer; }
.hmPNbtns .next{ height: 22px; width: 22px; background: url(../images/fs_ar.png) no-repeat center center; border-radius:50%; cursor:pointer; transform:rotate(180deg);}
.hmPNbtns .prev:hover,.hmPNbtns .next:hover{background:rgba(255,255,255,0.3) url(../images/fs_ar.png) no-repeat center center;}
@media (max-width:1799px){
.hmFocus,.hmFocus_item{height:calc(100vh - 196px);}
.hmBan_txt p{ font-size: 32px; line-height: 42px; margin-top: 6px; padding-left:36px; }
.hmBan_txt strong{ font-size: 46px; line-height: 56px; padding-left:36px;}
.hmBan_txt strong:after{ top:12px; width: 5px; background-size:100% auto; }
.hmBan_m{ line-height: 40px; width: 140px; font-size: 13px; letter-spacing: 2px; height: 42px; border: 1px solid #FFF;}
}
@media (max-width:1379px){
.hmBan_txt p{ font-size: 28px; line-height: 38px; }
.hmBan_txt strong{ font-size: 40px; line-height: 50px;}
}
@media (max-width:1199px){
.hmFocus,.hmFocus_item{height:calc(100vh - 56px - 82px);}
.hmBan_txt strong{font-size:26px; line-height:42px;}
.hmBan_txt p{font-size:22px; line-height:30px;}
.hmBan_txt strong:after{width:4px;}
.hmBan_m {line-height: 32px;width: 120px;font-size: 12px;letter-spacing: 1px;height: 34px;}
.hmFocus_doc ul li{width:50px;}
}
@media (max-width:993px){
.hmFocus,.hmFocus_item{height:400px;}
}
@media (max-width:767px){
.hmFocus,.hmFocus_item{height:62vw;}
.hmBan_txt strong:after{display:none;}
.hmBan_txt strong{ font-size:16px; line-height:20px; padding-left:0;}
.hmBan_txt p{font-size:22px; padding-left:0; line-height:24px; margin-top:10px;}
.hmBanBtns{margin-top:22px; padding-left:0;}
.mHead_ser{right:52px;}
.hmFs_docx{height:1px;}
.hmFocus_doc ul li{width:20px;}
.hmBan_m{width:100px;}
.hmc2nums{flex-wrap:wrap;}
.mhcode{left:160px; top:19px; font-size:12px;}
}


.inx_sonCm{ background:#EEEEEE;}
.inx_sonCm .container{display:flex; justify-content:space-between; }
.inx_cnm{ margin-left: 45px; background: url(../images/inx_tbr_ico1.png) no-repeat left center; padding-left: 27px; font-size: 16px; line-height:100px; letter-spacing:1px; position:relative; }
.inx_cnm:after{content:""; width:1px; height:50px; position:absolute; right:-75px; top:50%; margin-top:-25px; background:#CDD5DE;}
.inx_c1lst{}
.inx_c1lst ul{ display:flex;}
.inx_c1lst ul li{ width:165px; text-align:center;}
.inx_c1sa{ display:block; padding-top:16px; height:100px;}
.inx_c1sa span{ display:block; width:36px; height:36px; margin:0 auto; transition:all 0.5s ease;}
.inx_c1sa:hover span{ transform:rotateY(360deg);}
.inx_c1sa strong{ font-size: 14px; line-height: 26px; color: #333333; font-weight: normal; display: block; letter-spacing:1px;}
.inx_c1sa:hover{transform:translateY(-5px);}
@media (max-width:1799px){
.inx_cnm{margin-left:20px; line-height:80px;}
.inx_c1lst ul li{width:135px;}
.inx_cnm:after{right:-35px;}
.inx_c1sa{padding-top:8px; height:82px;}

}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c1lst ul li{width:105px;}
}
@media (max-width:993px){
.inx_c1lst ul li{width:auto; margin-left:17px;}
.inx_cnm::after {right: -10px;}
}
@media (max-width:767px){
.inx_cnm{display:none;}
.inx_c1lst ul li{margin-left:0; width:25%;}
.inx_c1sa strong{font-size:14px; line-height:18px; letter-spacing:0;}
.inx_c1lst ul{flex-wrap:wrap;justify-content:around;}
.inx_c1sa{height:62px;}
.inx_sonCm{padding-bottom:20px;}
.inx_c1lst ul li:nth-child(5){margin-left:12.5%;}
}

.inx_con3{ background: url(../images/inx_c3bg.png) no-repeat center bottom; background-size:100% auto; overflow:hidden }
.inx_pt{}
.inx_pt_c{ text-align:center;}
.inx_pt strong{ font-size: 46px; line-height: 46px; letter-spacing: 2px; display: block; font-weight: normal; }
.inx_pt p{ font-size: 20px; line-height: 30px; margin-top: 15px; letter-spacing:1px; }
.inx_c3box{ margin-top:5.46vw; position:relative;}
.inx_c3box:after{ content: ""; position: absolute; left: 0; top: -2.6vw; bottom: 2.6vw; right: 0; background: url(../images/inx_c3line.png) repeat-y left top; }
.inx_c3img{ margin-left:48px; height:660px;}
.inx_c3layer{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; padding:115px 140px; color:#fff;}
.inx_c3tx{ position:relative; margin-bottom:4vw; max-width:38.8vw;}
.inx_c3tx strong{ font-size: 22px; line-height: 34px; font-weight: normal; letter-spacing: 1px; }
.inx_c3tx p{ font-size: 17px; letter-spacing:1px; line-height: 26px; margin-top: 15px; max-width:570px;-webkit-line-clamp:2;}
.inx_c3tx:after{content:""; width:100%; height:1px; position:absolute; left:0; bottom:-2vw;background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); }
.inx_c3list{display:flex; justify-content:space-between; flex-wrap:wrap; max-width:38.8vw; }
.inx_c3list li{ width:40%; padding-right:25px; font-size:17px; color:rgba(255,255,255,0.8); line-height:36px;}
.inx_c3list li:nth-child(2n){ width:60%;}
.inx_c3a{ color:rgba(255,255,255,0.8); display:block; padding-left:0; position:relative;}
.inx_c3a:before{content:""; width:6px; height:6px; background:var(--cor); position:absolute; left:0; top:15px; opacity:0; transition:all 0.5s ease;}
.inx_c3a:hover{ padding-left:18px; color:#fff;}
.inx_c3a:hover:before{ opacity:1;}
.inx_c3btn{ margin-top:4.16vw;}
.inx_more{ min-width:180px; line-height:48px; text-align:center; padding:0 25px; background:var(--cor); color:#fff; font-size:14px; letter-spacing:1px; border-radius:2em; display:inline-block;}
.inx_more:hover{ transform:translateY(-5px); box-shadow:0 5px 18px rgba(204,36,44,0.3); color:#fff;}
@media (max-width:1799px){
.inx_pt strong{ font-size: 32px; line-height: 32px;}
.inx_pt p{ font-size: 15px; line-height: 24px;}
.inx_c3img{ margin-left:30px; height:460px;}
.inx_c3layer{ padding:50px 60px;}
.inx_c3tx{max-width:600px;}
.inx_c3tx strong{ font-size: 20px; line-height: 30px;}
.inx_c3tx p{ font-size: 15px; line-height: 26px; margin-top: 10px; max-width:550px;}
.inx_c3list{max-width:600px; }
.inx_c3list li{font-size:14px; line-height:26px;}
.inx_c3btn{ margin-top:2.8vw;}
.inx_more{ min-width:140px; line-height:40px; padding:0 20px;}
}
@media (max-width:1379px){
.inx_pt strong{font-size:30px; line-height:30px;}
}
@media (max-width:1199px){
.inx_c3a:before{top:10px;}
}
@media (max-width:993px){
.inx_c3layer{padding-left:25px; padding-right:25px;}
.inx_c3tx p{font-size:13px; line-height:24px;}
.inx_c3box:after{background-size:80% auto;}
.inx_pt{text-align:center;}
}
@media (max-width:767px){
.inx_more {min-width: 120px;line-height: 38px;padding: 0 20px;}
.inx_pt strong{font-size:24px; line-height:24px;}
.inx_c3box{margin-top:30px;}
.inx_c3layer{padding:35px 20px;}
.inx_c3tx strong{ font-size:18px; line-height:26px;}
.inx_c3tx p{font-size:12px; line-height:22px; margin-bottom:28px;}
.inx_c3tx:after{bottom:-15px;}
.inx_c3list li{width:100%; padding-right:0;}
.inx_c3img{height:500px;}
.inx_c3tx p{margin-bottom:15px;}
.inx_c3tx:after {bottom: -2px;}
.inx_c3list li {font-size: 12px;line-height: 28px;}
}


.inx_con4{ background:#f5f7f9; overflow:hidden}
.inx_c4box_wpr{}
@keyframes inxc4ani {
	0% {
		width:0%;
	}
	100% {
		width:100%;
	}
}
.inx_c4box{ width:1520px; position:relative; left:50%; transform:translateX(-50%);}
.inx_c4top{ position:relative;}
.inx_c4bgs{ position:relative;}
.inx_c4bgs img{ display:block;}
.inx_c4line{ position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: url(../images/inx_c5png_line.png) no-repeat left center; background-size: 1520px 637px; animation:inxc4ani 5s linear infinite;}
.inx_c4bgs:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/inx_c5png_pointer.png) no-repeat center center; }
.inx_c4items{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1}
.inx_c4items li{ width:0;  height:0; position:absolute;}
.inx_c4items li:nth-child(1){ left:23.35%; top:66.89%;}
.inx_c4items li:nth-child(2){ left:29%; top:48%;}
.inx_c4items li:nth-child(3){ left:38%; top:35%;}
.inx_c4items li:nth-child(4){ left:50%; top:27.5%;}
.inx_c4items li:nth-child(5){ right:38%; top:35%;}
.inx_c4items li:nth-child(6){ right:29%; top:48%;}
.inx_c4items li:nth-child(7){ right:23.35%; top:66.89%;}
.inx_c4sitm{ width:120px; position:absolute; left:50%; top:50%; text-align:center; transform:translate(-50%,-50%); cursor:default}
.inx_c4sitm span{ display:block; width:42px; height:42px; margin:0 auto; transition:all 0.5s ease;}
.inx_c4sitm:hover span{ transform:rotateY(180deg);}
.inx_c4sitm strong{ font-size: 16px; line-height: 22px; font-weight: normal; margin-top:-10px; display:block;}
.inx_c4sitm p{ font-size:14px; margin-top:5px;}
.inx_c4tip{ position:absolute; left:0; right:0; bottom:90px; text-align:center; height:148px; font-size:18px; line-height:26px; color:#fff;display:flex; flex-direction:column; justify-content:center; letter-spacing:1px;}
.inx_c4tag{ height:67px; position:absolute; left:215px; right:215px; bottom:0; display:flex; justify-content:space-between; }
.inx_c4tag span{ height: 48px; font-size: 14px; line-height: 18px; color: #FFF; text-align: center; position: relative; width:300px;}
.inx_c4tag span:after{content:"";}
.inx_c4bmx1{ padding: 26px; text-align: center; color: #fff; font-size: 18px; line-height: 24px; background: linear-gradient(to right, #8C929A 0%,#384148 100%); letter-spacing:1px;}
.inx_c4bmx2{ line-height: 34px; color: #FFF; background: #B1B7BF; text-align: center; letter-spacing:1px;}
.inx_c4m{ color:#fff; color:var(--cor);}
.inx_c4m:hover{ color:#fff; color:var(--cor);}
@media (max-width:1799px){
.inx_c4box{width:1300px;}
.inx_c4tip{bottom:72px; font-size:16px;}
.inx_c4tag{left:165px; right:165px; height:60px;}
.inx_c4tag span{font-size:12px;}
.inx_c4bmx1{padding:20px; font-size:15px; line-height:22px;}
.inx_c4line{background-size: 1300px 544px;}
.inx_c4bgs:after{ background-size: 1300px 544px;}
}
@media (max-width:1379px){
.inx_c4box{width:1170px;}
.inx_c4tip{bottom:62px;}
.inx_c4tag{height:55px;left: 130px; right: 130px;}
.inx_c4tag span{line-height:16px;}
.inx_c4line{background-size: 1170px 490px;}
.inx_c4bgs:after{ background-size: 1170px 490px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.inx_c4box_wpr{width:100%; overflow-x:auto;}
.inx_c4box{left:0; transform:translateX(0);}
.inx_con4 .inx_pt strong{line-height:32px;}
}


.inx_con5{}
.inx_c5top{display:flex; justify-content:space-between; position:relative; padding-left:36.8%; }
.inx_c5top .inx_pt{ width:44%; position:absolute; left:0; top:0; height:435px;display:flex; flex-direction:column; justify-content:center;}
.inx_pta p{ margin-top:28px;}
.inx_c5map{ width:100%; position:relative}
.inx_c5map img{ display:block;}
.inx_c5print{ position:absolute; left:0; top:0; right:0; bottom:0;}
.inx_c5print li{ width:0; height:0; position:absolute;}
.inx_c5print li:nth-child(1){left: 78%;top: 42%;}
.inx_c5print li:nth-child(2){left: 13%; top: 41%;}
.inx_c5print li:nth-child(3){left: 85.5%; top: 42%;}
.inx_c5print li:nth-child(4){left: 67.5%; top: 57%;}
.inx_c5print li:nth-child(5){left: 75%; top: 63%;}
.inx_c5print li:nth-child(6){left: 76%; top: 47%;}
.inx_c5print li:nth-child(7){left: 77%; top: 52%;}
.inx_c5nm1{ font-size: 14px; color: #FFF; background: url(../images/inx_c5tag.png) no-repeat; height: 20px; width: 81px; text-align: center; padding-right: 8px; position: absolute; left: 50%; top: 50%; margin-left:-40px; margin-top:-10px;}
.inx_c5print li:nth-child(1) .inx_c5nm1{ background: url(../images/inx_c5tag2.png) no-repeat center center;}
.inx_c5box{ margin-top:2.6vw;display:flex; justify-content:space-between; }
.inx_c5lx{ width:calc(32.63%);}
.inx_c5rx{ width:67.37%;}
.inx_c5ul{}
.inx_c5ul li{width:calc(50% - 14px); margin-left:14px; margin-bottom:10px;}
.inx_c5lx .lx_c2aBox{padding:14px; box-shadow:0 15px 30px rgba(0,0,0,0.08);}
.inx_c5lx .lx_c2lbmx{height:116px; padding-top:26px;}
.inx_c5ul .lx_c2ra{padding:14px; box-shadow:0 15px 30px rgba(0,0,0,0.08); background:#fff;}
@media (max-width:1799px){
.inx_pta p{margin-top:22px;}
.inx_c5ul .lx_c2ra{padding:10px;}
.inx_c5lx .lx_c2aBox{padding:10px;}
.inx_c5lx .lx_c2lbmx{padding-top:18px;}
.inx_c5lx .lx_c2lbmx{height:100px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c5top .inx_pt{height:295px;}
.inx_c5top .inx_pt p{font-size:13px;}
.inx_c5print li:nth-child(1) .inx_c5nm1{margin-left:-62px;}
}
@media (max-width:993px){
.inx_c5top{padding-left:0; flex-wrap:wrap;}
.inx_c5top .inx_pt{position:static; height:auto; width:100%; text-align:center; margin-bottom:35px;}
.inx_c5box{flex-wrap:wrap;}
.inx_c5lx{width:100%;}
.inx_c5rx{width:auto; margin-left:-14px; margin-top:20px;}
}
@media (max-width:767px){
.inx_c5map{display:none;}
.inx_c5ul li {width: calc(100% - 14px);}
.inx_c5rx{margin-top:12px;}
.inx_c5top .inx_pt p br{display:none;}
.inx_c5top .inx_pt p{text-align: left;}
}


.inx_con6{padding-top:0;}
.inx_c6box{ margin-top:2.6vw;display:flex; justify-content:space-between;}
.inx_c6lx{ width:41.66%;}
.inx_c6aBox{ display:block; position:relative; box-shadow:0 15px 30px rgba(0,0,0,0.18);}
.inx_c6aBox .overflowHide{ height:620px; border-radius:0.5em;}
.inx_c6lay{ position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; padding:6vw 4.6vw;}
.inx_c6tm{ font-size: 14px; line-height: 28px; }
.inx_c6lay strong{ font-size: 30px; line-height: 40px; height:80px; font-weight: normal; letter-spacing: 1px; margin-top: 10px; -webkit-line-clamp:2;}
.inx_c6lay p{ font-size: 14px; line-height: 24px; height:96px; margin-top: 3.12vw; -webkit-line-clamp:4;}
.inx_c6lay span{ display: inline-block; margin-top: 6.25vw; background: url(../images/inx_c6mr3.png) no-repeat right center; padding-right: 22px; letter-spacing:2px; }
.inx_c6rx{ width:54.16%;}
.inx_c6dl{}
.inx_c6dl dd{ padding-left:30px;}
.inx_c6item{ display:block;}
.inx_c6item .overflowHide{ height:202px; border-radius:0.4em;}
.inx_c6bmx{ padding:32px 30px 0;}
.inx_c6tm2{ font-size: 14px; line-height: 28px; color:#333;}
.inx_c6bmx strong{ font-size: 20px; line-height: 32px; height:96px; letter-spacing: 1px; display: block; -webkit-line-clamp: 3; font-weight: normal; }
.inx_c6bmx p{ color: #333; font-size: 14px; line-height: 24px; margin-top: 32px; height:72px;-webkit-line-clamp:3; }
.inx_c6bmx span{ display: inline-block; margin-top: 2.45vw; background: url(../images/inx_c6mr.png) no-repeat right center; padding-right: 22px; letter-spacing: 2px; }
.inx_c6item:hover .inx_c6bmx span{ background: url(../images/inx_c6mr2.png) no-repeat right center; }
.inx_c6fun{ margin-top:50px; border-top:1px solid #E5E5E5; padding-top:32px;}
.inx_c6dl .slick-prev{ background: url(../images/inx_c5btn1.png) no-repeat center center; display: inline-block; height: 32px; width: 32px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E6E6E6; z-index: 2; right: 43px; bottom: -216px; border-radius:50%; }
.inx_c6dl .slick-next{ background: url(../images/inx_c5btn1.png) no-repeat center center; display: inline-block; height: 32px; width: 32px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E6E6E6; z-index: 2; right: 0; bottom: -216px; transform:rotate(180deg); border-radius:50%;}
.inx_c6dl .slick-prev:hover,.inx_c6dl .slick-next:hover{ background: url(../images/inx_c5btn2.png) no-repeat center center; border: 2px solid var(--cor); }
@media (max-width:1799px){
.inx_c6aBox .overflowHide{height:420px;}
.inx_c6lay{padding:3vw 2.6vw;}
.inx_c6lay strong{font-size:24px; line-height:36px;}
.inx_c6lay p{margin-top:2vw;}
.inx_c6rx{width:56%;}
.inx_c6item .overflowHide{height:155px;}
.inx_c6bmx {padding: 20px 15px 0;}
.inx_c6bmx strong{font-size:18px; line-height:28px; height:84px;}
.inx_c6bmx p{ font-size:12px; line-height:22px; height:66px; margin-top:20px;}
.inx_c6bmx span{margin-top:18px;}
.inx_c6fun{margin-top:30px;}
.inx_c6dl .slick-prev,
.inx_c6dl .slick-next{bottom:-130px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c6rx{width:58.5%;}
}
@media (max-width:993px){
.inx_c6box{flex-wrap:wrap;}
.inx_c6lx{width:100%;}
.inx_c6rx{width:100%; margin-top:25px;}
.inx_c6dl{margin-left:-15px; margin-right:-15px;}
.inx_c6dl dd{padding:0 15px;}
.inx_c6dl .slick-prev, .inx_c6dl .slick-next {bottom: -100px;}
.inx_c6dl .slick-prev{right:58px;}
.inx_c6dl .slick-next{right:15px;}
.inx_c6box{margin-top:25px;}
}
@media (max-width:767px){
.inx_c6lay{padding:35px 15px;}
.inx_c6lay strong{font-size:20px; line-height:32px; height:auto}
.inx_c6lay p{font-size:12px; line-height:22px; height:auto; margin-top:20px;}
.inx_c6aBox .overflowHide{height:100vw;}
.inx_c6rx{margin-top:15px;}
.inx_c6dl{margin-left:-5px; margin-right:-5px;}
.inx_c6dl dd{padding:0 5px;}
.inx_c6item .overflowHide{height:115px;}
.inx_c6bmx{padding:15px 0 0;}
.inx_c6bmx strong br{display:none;}
.inx_c6bmx strong{font-size:16px; line-height:24px; height:72px; letter-spacing:1px;}
.inx_c6bmx p{margin-top:8px;}
.inx_c6bmx span{margin-top:10px; letter-spacing:1px;}
.inx_c6fun{padding-top:20px; margin-top:20px;}
.inx_c6dl .slick-prev, .inx_c6dl .slick-next{bottom:-76px;}
}


.inx_con7{ background-size:cover; background-attachment:fixed; padding:11.2vw 0; color:#fff; position:relative}
.inx_con7:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}
.inx_con7 .container{position:relative; z-index:1;}
.inx_c7nums{ margin-top: 2.6vw; padding-top: 2.6vw; border-top: 1px solid #FFF;display:flex;}
.inx_c7nums li{ margin-right:6.25vw;}
.inx_c7nums li p{ font-size: 14px; line-height: 20px; }
.inx_c7nums li strong{ font-size: 14px; line-height: 50px; font-weight: normal; margin-top: 10px; display:block; }
.inx_c7nums li strong span{ font: 42px din; display:inline-block; margin-right:5px;}
.inx_c7nums li strong i{ font-style: normal; }
.inx_c7btn{ margin-top:7.81vw;}
@media (max-width:1799px){
.inx_c7btn{margin-top:5.5vw;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.inx_c7nums li{margin-right:5vw;}
}
@media (max-width:993px){
.inx_con7{background-attachment:local;}
.inx_c7nums{display:flex; justify-content:space-between; }
.inx_c7nums li{margin-right:0px;}
.inx_c7nums li p{font-size:13px;}
.inx_c7nums li strong span{font-size:32px;}
.inx_c7btn{text-align:center;}
}
@media (max-width:767px){
.inx_c7nums{flex-wrap:wrap;}
.inx_c7nums li{width:50%;}
.inx_c7nums li p{font-size:12px;}
.inx_c7nums{margin-top:20px; padding-top:20px;}
.inx_con7 .inx_pt p{text-align: left;}
}


/*inx css*/
.hmTop_wpr{ overflow:hidden; position:relative;}
.hmTop{ position: relative; height: 230vh; z-index: 2; background: #fff url(../images/inx_c2imgbg.jpg) no-repeat fixed center center; background-size:cover;}
.hmtop_con{height: 100vh; position:relative;}
.hmc1_logo{ position:absolute; left:0; top:0; right:0; z-index:2; height:100vh; transition:all 0.5s ease;}
.inxTop_wpr .hmc1_logo{ background: url(../images/svg_index.svg) no-repeat center center; background-size:100% auto;transform-origin:50% 16%;}
@media (min-height:1000px){
.inxTop_wpr .hmc1_logo{transform-origin:50% 20%;}
}
.skrollable-after.hmc1_logo{opacity: 0;pointer-events: none;}
.skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .hmc2nums{opacity:1; transition-delay:0.5s; transform:translateY(0)}
.skrollable-after.hmc1_logo + .hm_con1 + .hm_con2{opacity:1;}
.skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .inx_pt{opacity:1; transition-delay:0.3s; transform:translateY(0)}
.skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .hmc1btn{opacity:1; transition-delay:0.7s; transform:translateY(0)}
.hm_con1{ position: absolute; left: 0px; top: 0px; right: 0px; z-index:3;}
.inxTop_wpr .hm_con2{ background: #fff url(../images/inx_c2bg.jpg) no-repeat center center; color:#fff; background-size:cover;}
.inxTop_wpr .hm_con1{height:100vh; text-align:center;display:flex; flex-direction:column; justify-content:center; padding-top:2vw;}
.hmc1tx{ transition:all 0.5s ease;}
.hmc1tx p{ font-size: 30px; line-height: 30px; }
.hmc1tx strong{ display: block; margin-top: 18px; font-size: 46px; line-height: 56px; font-weight: normal; letter-spacing:2px; }
.hmc1_des{ font-size: 20px; line-height: 30px; color: #666; text-align: center; margin: 20px auto 0px; max-width: 1000px; transition: all 0.5s ease; letter-spacing:1px; }
.hm_con1.out .hmc1tx{ transform:translateX(-150px); opacity:0;}
.hm_con1.out .hmc1_des{ transform:translateX(150px); opacity:0;}
.hm_con1.out .hmc1imx_wpr{ transform:translateY(150px); opacity:0; transition-delay:0.2s;}
.hm_con2{ height:100vh;display:flex; flex-direction:column; justify-content:center; position:absolute; left:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease;}
.hmc2nums{ color:#fff;display:flex; transition:all 0.8s ease; opacity:0; transform:translateY(80px); margin-top:4.16vw;}
.hmc2nums li{ margin-right:6vw; letter-spacing:1px; color:rgba(255,255,255,0.5);}
.hmc2nums li strong{ display: block; font-size: 16px; line-height: 70px; font-weight: normal; }
.hmc2nums li strong span{ font: 72px/72px din; color: #FFF; display:inline-block; margin-right:5px; }
.hmc2nums li p{ font-size: 21px; line-height: 32px; margin-top: -10px; }
.hmc2nums li:nth-child(1) strong,
.hmc2nums li:nth-child(4) strong{ font-size:22px;}
.hmc1btn{margin-top:10vw; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.hm_con2 .inx_pt{ transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.hmTop_flag{height:0; position:relative; overflow:hidden;}
.hmc1imx_wpr{ position:absolute; left:0; right:0; bottom:2vw; z-index:5; transition:all 0.5s ease; overflow:hidden}
.hmc1imx{ display:flex;}
.hmc1anm{ width:88px; position:relative;display:flex; flex-direction:column; justify-content:center;}
.hmc1anm:before{content:""; background-image: linear-gradient(135deg,#252F38 20%,#465663 90%); position:absolute; left:0; top:0; right:0; bottom:0; transform:skewX(-10deg); }
.hmc1anm span{ display:block; position:relative; font-size:18px; line-height:26px; letter-spacing:2px; color:#fff;}
.hmc1sw{ display:flex; width:calc(100% - 88px);}
.hmc1sw dd{ width:25%; padding-left:8px;}
.hmc1item{ display:block; position:relative;}
.hmc1item .overflowHide{ height:200px; transform:skewX(-10deg); }
.hmc1item .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; background-image: linear-gradient(105deg,#881A1F 20%,#CC242C 90%); opacity:0 }
.hmc1st{ position:absolute; left:0px; right:20px; bottom:20px; font-size:14px; line-height:22px; color:#fff; text-align:center; transition:all 0.5s ease;}
.hmc1lay{ position:absolute; left:0; top:0; right:20px; bottom:0;display:flex; flex-direction:column; justify-content:center; color:#fff; transition:all 0.5s ease; opacity:0; transform:translateY(20px);}
.hmc1lay strong{ position:relative; display:block; font-size:14px; line-height:22px; font-weight:normal;}
.hmc1lay p{ position:relative; display:block; color:rgba(255,255,255,0.6); margin-top:5px;}
.hmc1item:hover .hmc1lay{opacity:1; transform:translateY(0);} 
.hmc1item:hover .hmc1st{opacity:0;}
.hmc1item:hover .overflowHide:after{opacity:1;}
@media (max-width:1799px){
.hmc1imx_wpr{ bottom:1.5vw;}
.hmc1anm{ width:80px;}
.hmc1anm span{ font-size:16px; line-height:24px;}
.hmc1sw{ width:calc(100% - 80px);}
.hmc1sw dd{padding-left:6px;}
.hmc1item .overflowHide{ height:160px; }
.hmc2nums li{margin-right: 60px;}
}
@media (max-width:1379px){
.hmc1tx strong{font-size:30px; line-height:42px;}
.hmc1_des{font-size:14px; line-height:22px;}
.inx_pt p{font-size:14px; line-height:22px;}
.hmc1btn{margin-top:6vw;}
.hmc1item .overflowHide{height:150px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.inxTop_wpr .hmTop{background:none;}
.hmTop{height:auto!important;}
.hmtop_con{height:auto!important; position:static!important;}
.inxTop_wpr .hm_con1{ height:auto;}
.hmc1_logo{display:none!important;}
.hm_con2{position:static!important;}
.hmc2nums{opacity:1; transform:translate(0,0);}
.hmc1btn{opacity:1; transform:translate(0,0);}
.hm_con2 .inx_pt{opacity:1; transform:translate(0,0);}
.hm_con2{opacity:1; height:auto!important; padding:9vw 0;}
.hm_con1{background:#fff; padding:9vw 0!important; position:relative!important; visibility:visible!important; opacity:1!important;}
.hm_con1 .dsPadPhone img{height:120px; width:auto;}
.hmc1imx_wpr{position:relative; bottom:0; margin-top:40px; opacity:1!important; transform:translateY(0)!important; visibility:visible!important;}
.hmc1lay{right:5px; left:10px;}
.hmc1lay p{font-size:12px;}
.hmc2nums li p{color:#fff;}
.hmc2nums li strong{color:#fff;}
.inxTop_wpr .inx_pt strong{display:none;}
.inxTop_wpr .inx_pt p{margin-top:0;}
}
@media (max-width:767px){
.hm_con1{ padding:12vw 0!important;}
.hm_con1 .dsPadPhone img{height:66px;}
.hm_con2{padding:12vw 0;}
.hm_con2 .inx_pt{text-align:left!important;}
.hmc1_des{text-align: left;}
.hmc1_des br{display:none;}
.inxTop_wpr .inx_pt p br{display:none;}
}


/*son css*/
.scmTop_wpr{}
.scmTop_wpr .hmc1_logo{ background: url(../images/svg_son.svg) no-repeat center center; background-size:100% auto;transform-origin:50% 60%;}
.son_c1bg{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../images/scm_c2bg.png) no-repeat center center; background-size:cover; z-index:2; transition:all 0.5s ease;}
.son_rgb_bg{background:rgba(20,53,70,0.3); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;}
.scmTop_wpr .hm_con1{height:100vh; text-align:center;display:flex; flex-direction:column; justify-content:center; padding-top:2vw;}
.scmTop_wpr .hm_con2{ color: #fff; opacity: 1; background: url(../images/scm_c2imgBg.png) no-repeat left center; background-size:auto 100%; opacity:0; transition:all 0.5s ease; }
.scm_topx{ padding-bottom:24vw;}
.scm_topx strong{ font-size: 46px; line-height: 50px; font-weight: normal; letter-spacing: 2px; display: block; }
.scm_topx p{ font-size: 22px; line-height: 30px; letter-spacing: 1px; margin-top: 30px; }
.scm_nums_wpr{ position:absolute; left:0; right:0; bottom:0; padding:2.5vw 0; border-top:1px solid #EEEEEE;}
.scm_nums{display:flex; justify-content:space-between; }
.scm_nums li{ text-align:left; cursor:default;}
.scm_nums li strong{ display:block; font-weight:normal; transition:all 0.5s ease;}
.scm_nums li strong span{ font: 50px/50px din; transition:all 0.5s ease;}
.scm_nums li strong i{ display: inline-block; font-style: normal; font-size: 16px; line-height: 50px; margin-left: 5px; }
.scm_nums li p{ font-size:16px; line-height:22px; letter-spacing:1px; margin-top:-8px;}
.scm_nums li:hover strong{color:var(--cor);}
.scm_nums li:hover strong span{text-shadow:0 15px 15px rgba(204,36,44,0.3);}
.scm_c2tx{ transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.scm_c2tx strong{ font-size: 100px; line-height: 92px; font-weight: normal; text-transform: uppercase; display: block; color:rgba(255,255,255,0.06);}
.scm_c2tx p{ font-size: 46px; line-height: 46px; letter-spacing: 2px; margin-top:-40px;}
.scm_c2txt{ font-size: 17px; letter-spacing:1px; line-height: 28px; text-align: justify; margin-top: 30px; width: 785px; transition:all 0.5s ease; opacity:0; transform:translateY(80px); }
.skrollable-after.hmc1_logo + .son_rgb_bg + .son_c1bg + .hm_con1 + .hm_con2 {opacity:1;}
.skrollable-after.hmc1_logo + .son_rgb_bg + .son_c1bg + .hm_con1 + .hm_con2 .scm_c2tx{opacity:1; transition-delay:0.3s; transform:translateY(0)}
.skrollable-after.hmc1_logo + .son_rgb_bg + .son_c1bg + .hm_con1 + .hm_con2 .scm_c2txt{opacity:1; transition-delay:0.5s; transform:translateY(0)}
.skrollable-after.hmc1_logo + .son_rgb_bg{background:rgba(20,53,70,0);}
.skrollable-after.hmc1_logo + .son_rgb_bg + .son_c1bg{opacity:0; visibility:hidden;}
.hm_con1.out .scm_topx{opacity:0; visibility:hidden;}
.hm_con1.out .scm_nums_wpr{opacity:0; visibility:hidden;}
.hm_con1.out{opacity:0; visibility:hidden;}
@media (max-width:1799px){
.hm_con1{padding-top:5vw;}
.hmc1tx p{font-size:26px; line-height:26px;}
.hmc1tx strong {font: normal 32px/46px alm;margin-top: 12px;}
.hmc1_des {font-size: 15px;line-height: 24px;margin: 15px auto 0px;max-width: 880px;}
.hmc2nums{margin-top:2.2vw;}
.hmc2nums li strong{ font-size:15px; line-height:56px;}
.hmc2nums li strong span{font-size:56px; line-height:56px;}
.hmc2nums li p{ font-size: 16px; line-height: 26px; margin-top: -6px; }
.hmc1btn{margin-top:8vw;}
.scm_topx strong{font-size:32px; line-height:36px;}
.scm_topx p {font-size: 18px;line-height: 30px;letter-spacing: 1px;margin-top: 28px;}
.scm_nums_wpr{ padding:2vw 0;}
.scm_nums li strong span{ font: 40px/40px din;}
.scm_nums li strong i{ font-size: 14px; line-height: 40px; }
.scm_nums li p{ font-size:14px; line-height:20px; margin-top:-6px;}
.scm_c2tx strong{font-size:80px; line-height:72px;}
.scm_c2tx p{font-size:32px; line-height:32px; margin-top:-28px;}
.scm_c2txt{font-size:15px; line-height:24px; max-width:565px;}
}
@media (max-width:1379px){
.scm_topx strong{font-size:30px; line-height:34px;}
.scm_c2tx p{font-size:30px; line-height:30px;}
}
@media (max-width:1199px){
.hmc1_des{font-size:14px;}
.scm_topx p{font-size:16px; line-height:28px;}
.scm_c2txt{font-size:14px;}
}
@media (max-width:993px){
.hmc1tx strong{margin-top:35px;}
.hmc2nums{margin-top:35px;}
.scm_topx p{margin-top:20px;}
.scm_topx{padding-bottom:50px;}
.scmTop_wpr .hm_con1{height:auto; padding-bottom:0!important}
.scm_nums_wpr{position:relative; margin-top:55px;}
.scmTop_wpr .hm_con2{opacity:1;}
.scm_c2tx{opacity:1; transform:translateY(0);}
.scm_c2txt{opacity:1; transform:translateY(0);}
}
@media (max-width:767px){
.hmc1tx strong{ font-size:24px; line-height:32px;}
.hmc1_des{padding:0 15px; margin-top:10px;}
.hmc1tx strong{margin-top:20px;}
.hmc1imx_wpr{margin-top:20px;}
.hmc1anm{display:none;}
.hmc1sw{ width:auto; flex-wrap:wrap; margin-left:-3px; margin-right:-3px;}
.hmc1item .overflowHide{transform:skewX(0);}
.hmc1sw dd{ width:calc(50% - 10px); margin:0 3px; padding-left:0; margin-bottom:6px;}
.hmc1st{left:10px; right:10px; bottom:15px; font-size:12px;}
.hmc1item .overflowHide{height:120px;}
.hmc2nums li{width:50%; margin-right:0; margin-bottom:10px;}
.hmc2nums li strong span{font-size:42px; line-height:42px;}
.hmc2nums{margin-top:25px;}
.hmc2nums li p {font-size: 14px;line-height: 24px;margin-top: -10px;}
.hmc1btn{margin-top:10px; text-align:center;}
.scm_topx strong{font-size:24px; line-height:28px;}
.scm_topx p{font-size:14px; line-height:24px; padding:0 15px; text-align:left;} 
.scm_topx{padding-bottom:24px;}
.scm_nums_wpr{margin-top:35px; padding-top:25px; padding-bottom:12vw;}
.scm_nums{flex-wrap:wrap;}
.scm_nums li{width:50%; margin-bottom:15px;}
.scm_c2tx strong{font-size:50px; line-height:50px;}
.scm_c2txt{width:auto; font-size:12px; line-height:22px;}
}


.abtTop_wpr{ position:relative; overflow:hidden}
.abt_top_bg{ height:100vh; position:fixed; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; z-index:-1; transition:all 0.5s ease; opacity:0;}
.abt_top_bg.in{opacity:1;}
.abt_con1{ background: url(../images/abt_c1logo.png) no-repeat center bottom; padding-top:5.2vw; padding-bottom:6.6vw; position:relative; }
.abt_con1:before{content:""; position:absolute; left:-20vw; top:0; bottom:0; width:50vw; background:#fff;}
.abt_con1:after{content:""; position:absolute; right:-20vw; top:0; bottom:0; width:50vw; background:#fff;}
.abt_c1png_bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/abt_c1bg.png) no-repeat center center; background-size:cover; z-index:1;}
.abt_con1 .container{ position:relative; z-index:2;}
.abt_c1top{display:flex; justify-content:space-between; }
.abt_c1tlx{}
.abt_c1tlx h4{ font-weight: normal; font-size: 46px; line-height: 46px; letter-spacing: 2px; display: block; margin-bottom:30px; }
.abt_c1tlx strong{ font-size: 14px; line-height:28px; font-weight: normal; }
.abt_c1tlx strong span{ font-size: 24px; display:inline-block; margin-right:5px;}
.abt_c1tlx p{ font-size: 17px; line-height: 24px; letter-spacing:1px;}
.abt_c1trx{ width: calc(100% - 22.65vw); font-size: 21px; line-height: 32px; text-align:justify; letter-spacing:1px; }
.abt_c1logo{}
.abt_c1bom{display:flex; justify-content:space-between; margin-top:2.6vw;}
.abt_c1bom ul{ width:360px;}
.abt_c1bom ul:nth-child(2){text-align:right;}
.abt_c1bom li{ padding-top:52px; padding-bottom:25px; border-bottom:1px solid #E6E6E6;}
.abt_c1bom li strong{ font-size: 18px; line-height: 60px; font-weight: normal; color:var(--cor); }
.abt_c1bom li strong span{ font: 60px din; display: inline-block; margin-right: 8px; }
.abt_c1bom li strong i{ font-style: normal; }
.abt_c1bom li p{ font-size:21px; letter-spacing:2px; margin-top:-8px;}
.abt_c1tip{ height:calc(100vh - 80px);display:flex; flex-direction:column; justify-content:center; text-align:center}
.abt_c1tip_txt{ color: #fff; font-size: 72px; line-height: 90px; letter-spacing: 5px; font-weight: normal; }
.abt_c1btn{ margin-top:5vw;}
.abt_c1sitem{text-align:left; display:inline-block;}
.abt_c1bom ul:nth-child(2) .abt_c1sitem{ width:190px;}
@media (max-width:1799px){
.abt_con1{background-size:1320px auto;}
.abt_c1tlx h4{ font-size:32px; line-height: 32px; margin-bottom:20px; }
.abt_c1tlx strong span{ font-size: 22px;}
.abt_c1tlx p{ font-size: 15px;}
.abt_c1trx{font-size: 16px; line-height: 28px;}
.abt_c1bom ul{ width:300px;}
.abt_c1bom li{ padding-top:18px; padding-bottom:20px;}
.abt_c1bom li strong{ font-size: 16px; line-height: 50px;}
.abt_c1bom li strong span{ font: 50px din; margin-right: 5px; }
.abt_c1bom li p{ font-size:18px; letter-spacing:1px; margin-top:-6px;}
.abt_c1tip{ height:calc(100vh - 80px);display:flex; flex-direction:column; justify-content:center; text-align:center}
.abt_c1tip_txt{ font-size: 52px; line-height: 70px; letter-spacing:3px;}
.abt_c1bom ul:nth-child(2) .abt_c1sitem{ width:140px;}
}
@media (max-width:1379px){
.abt_c1trx{font-size:15px; line-height:24px;}
}
@media (max-width:1199px){
.abt_c1trx{font-size:14px;}
.abt_c1bom ul{width:220px;}
.abt_c1tip_txt{font-size:42px; line-height:62px;}
.abt_c1tlx strong{font-size:12px;}
.abt_c1tlx strong span{font-size:18px;}
}
@media (max-width:993px){
.abt_c1top{flex-wrap:wrap;}
.abt_c1tlx{width:100%; text-align:center}
.abt_c1trx{width:100%; margin-top:35px;}
.abt_c1logo{text-align:center; margin-top:35px;}
.abt_c1logo img{ height:120px; width:auto;}
.abt_con1{ background:#fff;}
.abt_c1bom ul{width:48%;}
.abt_c1tip{height:auto; padding:15vw 0;}
}
@media (max-width:767px){
.abt_con1{padding-top:12vw; padding-bottom:12vw;}
.abt_c1trx{margin-top:20px;}
.abt_c1tlx h4{font-size:24px; line-height:24px;}
.abt_c1logo img{height:66px}
.abt_c1bom li p{font-size:15px;}
.abt_c1bom li strong span{font-size:40px;}
.abt_c1tip_txt{ font-size:26px; line-height:46px;}
}


.abt_con2{}
.abt_c2bmx{display:flex; justify-content:space-between; padding-bottom:45px; background:rgba(255,255,255,0.4);}
.abt_c2lx{ width:20.7%; position:relative;}
.abt_c2lx:after{ content: ""; height: 245px; width: 1px; position: absolute; right: -47px; top: 0px;background: linear-gradient(to bottom,  rgba(222,228,233,1) 0%,rgba(222,228,233,0.6) 100%); }
.abt_c2aBox{ display:block;}
.abt_c2aBox .overflowHide{ height:164px; border-radius:0.5em;}
.abt_c2lnm{ display:block;padding-bottom: 20px; background: url(../images/abt_c2ar.png) no-repeat left bottom; font-size: 16px; line-height: 24x; margin-top:15px; }
.abt_c2aBox:hover .abt_c2lnm{}
.abt_c2rx{ width:72.5%;}
.abt_c2rul{display:flex; justify-content:space-between; }
.abt_c2rul li{ width:50%; margin-bottom:10px; padding-right:15px;}
.abt_c2ra{display:flex; justify-content:space-between; }
.abt_c2ra .overflowHide{ width:110px; height:73px; border-radius:0.4em;}
.abt_c2rnm{ width: calc(100% - 135px); display: flex; flex-direction: column; justify-content: center; font-size: 16px; line-height: 24x; }
.abt_c2rnm span{ display:block;padding-bottom: 14px; background: url(../images/abt_c2ar.png) no-repeat left bottom;}
.abt_c2rnm:hover span,.abt_c2aBox:hover .abt_c2lnm{ background: url(../images/abt_c2ar2.png) no-repeat left bottom; }
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){
.abt_c2lnm{font-size:15px;}
}
@media (max-width:993px){

}
@media (max-width:767px){

}


.abt_c3c4wpr{ background:#fff url(../images/abt_c3bg.jpg) no-repeat center bottom; background-size:100% auto;}
.abt_con3{ overflow:hidden;}
.abt_c3box{ margin-top:2.6vw; position:relative; height:570px; padding-left:158px;}
.abt_c3sw1{ position:absolute; left:0; top:0; width:522px; z-index:1;}
.abt_c3sw1 dd{}
.abt_c3litem{ display:block;}
.abt_c3litem .overflowHide{ height:480px; border-radius:0.6em;}
.abt_c3nm1{ margin-top:20px; text-align:center; letter-spacing:1px;}
.abt_c3nm1 strong{ font-size: 26px; line-height: 38px; font-weight: normal; display: block; }
.abt_c3nm1 p{ font-size: 20px; line-height: 30px; }
.abt_c3sw2{ width:1820px;}
.abt_c3sw2 dd{padding-left:16px; height:480px;}
.abt_c3ritem{ display:block;}
.abt_c3ritem .overflowHide{ height:300px; border-radius:0.5em;}
.abt_c3nm2{ text-align:center; padding-top:20px; letter-spacing:1px;}
.abt_c3nm2 strong{ font-size: 22px; font-weight: normal; line-height: 34px; display:block;}
.abt_c3nm2 p{ font-size: 18px; line-height: 28px; }
.abt_c3sw2 .slick-prev{ background: url(../images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E8E8E8; z-index: 1; bottom: 10px; right: 585px; transition:all 0.5s ease; cursor:pointer; border-radius:50%; }
.abt_c3sw2 .slick-next{ background: url(../images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E8E8E8; z-index: 1; bottom: 10px; right: 535px; transition:all 0.5s ease; cursor:pointer; border-radius:50%; transform:rotate(180deg);}
.abt_c3sw2 .slick-prev:hover,.abt_c3sw2 .slick-next:hover{ border: 2px solid var(--cor); background: url(../images/inx_c5btn2.png) no-repeat center center; }
@media (max-width:1799px){
.abt_c3box{height:500px; padding-left:118px;}
.abt_c3sw1{width:420px;}
.abt_c3litem .overflowHide{ height:420px;}
.abt_c3nm1{ margin-top:16px;}
.abt_c3nm1 strong{ font-size: 20px; line-height: 30px; }
.abt_c3nm1 p{ font-size: 16px; line-height: 22px; }
.abt_c3sw2{ width:1510px;}
.abt_c3sw2 dd{padding-left:12px; height:420px;}
.abt_c3ritem .overflowHide{ height:250px;}
.abt_c3nm2{ padding-top:15px;}
.abt_c3nm2 strong{ font-size: 18px; line-height: 28px;}
.abt_c3nm2 p{ font-size: 15px; line-height: 26px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.abt_c3sw2 .slick-next{right:700px;}
.abt_c3sw2 .slick-prev{right:750px;}
}
@media (max-width:993px){

}
@media (max-width:767px){

}


.abt_con4{ padding-top:0;}
.abt_con4 .container{display:flex; justify-content:space-between; }
.abt_c4lx{ padding-top:90px;}
.abt_c4tab{ margin-top:25px; display:flex;}
.abt_c4tab a{ font-size: 16px; letter-spacing: 1px; line-height: 60px; position: relative; margin-right: 25px; position:relative; cursor:pointer;}
.abt_c4tab a.on,.abt_c4tab a:hover{ color:#333;}
.abt_c4tab a:after{content:""; height:3px; background:var(--cor); position:absolute; left:50%; bottom:0; left:50%; transform:translateX(-50%); width:0%;}
.abt_c4tab a.on:after,.abt_c4tab a:hover:after{width:100%; transition:all 0.5s ease;}
.abt_c4btn{ margin-top:2.8vw;}
.abt_c4rx{ width:800px; height:630px; position:relative; background-image: linear-gradient(180deg, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 85%);}
.abt_c4rx:after{content:""; height:4px; position:absolute; left:0; top:0; right:0; bottom:0;background-image: linear-gradient(90deg, rgba(15,65,127,1) 20%,rgba(15,65,127,0) 100%); }
.abt_c4rcon{ position:absolute; left:0; top:0; right:0; transition:all 0.5s ease; opacity:0; visibility:hidden; padding:70px 65px;}
.abt_c4rcon.on{ opacity:1; visibility:visible; z-index:1;}
.abt_c4sw1{}
.abt_c4sw1 dd{}
.abt_c4yr{ font-size: 20px; line-height: 40px; }
.abt_c4yr span{ font-size: 40px; }
.abt_c4txt{ font-size: 18px; line-height: 36px; margin-top: 15px; height:216px; overflow-y:auto; padding-right:15px; margin-bottom:28px; }
.abt_c4sw2{margin-left:20px; margin-right:20px;}
.abt_c4sw2 dd{ line-height:50px; height:50px; font-size:18px; font-family:din; color:#555; transition:all 0.5s ease; cursor:pointer; text-align:center;}
.abt_c4sw2 dd.slick-current{ color:#333; line-height:30px; font-weight:bold;}
.abt_c4sw2 .slick-prev{ background: url(../images/abt_c3btn.png) no-repeat left center; display: inline-block; height: 50px; width: 22px; position: absolute; left: -22px; top: 0px; overflow: hidden; cursor: pointer; z-index: 1; }
.abt_c4sw2 .slick-next{ background: url(../images/abt_c3btn.png) no-repeat left center; display: inline-block; height: 50px; width: 22px; position: absolute; right: -22px; top: 0px; overflow: hidden; cursor: pointer; z-index: 1;  transform:rotate(180deg);}
.abt_c4sw2 .slick-prev:hover,.abt_c4sw2 .slick-next:hover{background-image:url(../images/inx_c5btn2.png);}
@media (max-width:1799px){
.abt_c4lx{ padding-top:60px;}
.abt_c4tab{ margin-top:20px;}
.abt_c4tab a{ font-size: 15px; margin-right: 20px;}
.abt_c4tab a:after{height:2px;}
.abt_c4rx{ width:700px; height:560px;}
.abt_c4rx:after{ height:3px;}
.abt_c4rcon{padding:50px 45px;}
.abt_c4yr{ font-size: 18px; line-height: 36px; }
.abt_c4yr span{ font-size: 32px; }
.abt_c4txt{ font-size: 15px; line-height: 32px; margin-top: 12px; height:192px; }
.abt_c4sw2{margin-left:20px; margin-right:20px;}
.abt_c4sw2 dd{ line-height:50px; height:50px; font-size:18px; font-family:din; color:#555; transition:all 0.5s ease; cursor:pointer; text-align:center;}
.abt_c4sw2 dd.slick-current{ color:#333; line-height:30px; font-weight:bold;}
.abt_c4sw2 .slick-prev{ background: url(../images/abt_c3btn.png) no-repeat left center; display: inline-block; height: 50px; width: 22px; position: absolute; left: -22px; top: 0px; overflow: hidden; cursor: pointer; z-index: 1; }
.abt_c4sw2 .slick-next{ background: url(../images/abt_c3btn.png) no-repeat left center; display: inline-block; height: 50px; width: 22px; position: absolute; right: -22px; top: 0px; overflow: hidden; cursor: pointer; z-index: 1;  transform:rotate(180deg);}
.abt_c4sw2 .slick-prev:hover,.abt_c4sw2 .slick-next:hover{background-image:url(../images/inx_c5btn2.png);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.abt_c4rx{width:500px;}
.abt_c4tab a{margin-right:15px;}
}
@media (max-width:767px){
.abt_con4 .container{flex-wrap:wrap;}
.abt_c4lx{width:100%; padding-top:30px;}
.abt_c4rx{width:100%; margin-top:30px;}
.abt_c4tab{display:block; text-align:center;}
.abt_c4tab a{display:inline-block;}
.abt_c4btn{text-align:center; margin-top:25px;}
.abt_c4rcon{padding:25px 0px;}
.abt_c4yr span{font-size:28px;}
.abt_c4txt{margin-top:0;}
.abt_c4rx{height:360px;}
}


.abt_con5{ background:#fff;}
.abt_c5dls{ margin-top:2.6vw; display:flex; margin-left:-5px; margin-right:-5px;}
.abt_c5dls dd{ width:calc(43% - 10px); margin:0 5px; transition:all 0.8s ease;}
.abt_c5dls dd.on{width:calc(114% - 10px);}
.abt_c5item{ display:block; position:relative; letter-spacing:1px;}
.abt_c5item .coverImg{ height:690px; transform:skewX(-3deg); border-radius:0.5em; overflow:hidden}
.abt_c5hnm{ color:#fff; font-size:28px; line-height:38px; padding:0; position:absolute; left:45px; right:55px; bottom:45px; transition:all 0.5s ease; opacity:0; transform:translateY(30px) }
.abt_c5hnm p{ font-size:24px;}
.abt_c5hnm span{ display: inline-block; padding: 10px 0px; position: relative; position:relative; }
.abt_c5hnm span:before{ content: ""; display: inline-block; height: 17px; width: 21px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: -14px; top: 4px; }
.abt_c5hnm span:after{content:""; display: inline-block; height: 17px; width: 21px; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: -14px; bottom: 4px; }
.abt_c5dnm{ font-size: 24px; line-height: 36px; position: absolute; bottom: 45px; left: 15px; right: 55px; color:#fff; text-align:center; transition:all 0.5s ease;}
.abt_c5dls dd.on .abt_c5dnm{ opacity:0; transform:translateY(-30px);}
.abt_c5btn{ margin-top:2.6vw; text-align:center;}
.abt_c5dls dd.on .abt_c5hnm{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.abt_c5item:hover{text-align:left;}
@media (max-width:1799px){
.abt_c5item .coverImg{ height:420px;}
.abt_c5hnm{font-size:22px; line-height:30px; left:35px; right:45px; bottom:35px; }
.abt_c5hnm p{ font-size:18px;}
.abt_c5dnm{ font-size: 18px; line-height: 32px; bottom: 35px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.abt_c5item .coverImg{height:380px;}
}
@media (max-width:993px){
.abt_c5hnm{font-size:20px; line-height:26px;}
.abt_c5hnm p{font-size:16px; line-height:22px;}
}
@media (max-width:767px){
.abt_c5dls{margin-top:25px;}
.abt_c5item .coverImg{transform:skewX(0);}
.abt_c5dls{flex-wrap:wrap;}
.abt_c5dls dd{width:100%!important; margin:0 0 10px;}
.abt_c5item .coverImg{height:260px;}
.abt_c5dnm{display:none;}
.abt_c5hnm{opacity:1; transform:translateY(0); bottom:12px;}
}


.abt_con6{ overflow: hidden; position: relative; padding-top:0; background:#fff url(../images/abt_c5bg.png) no-repeat center bottom; padding-bottom: 27.5vw; background-size:100% auto; }
.abt_c6tab{ margin-top:0.9vw; position:relative; text-align:center;}
.abt_c6tab:before{content:""; background:#EDEDED; height:1px; position:absolute; left:50%; transform:translateX(-50%); width:100vw; bottom:0}
.abt_c6tab a{ display:inline-block; line-height:60px; font-size:16px; margin:0 16px; position:relative; cursor:pointer;}
.abt_c6tab a.on{ color:#333;}
.abt_c6tab a:after{content:""; height:3px; background:var(--cor); position:absolute; left:50%; bottom:0; left:50%; transform:translateX(-50%); width:0%;}
.abt_c6tab a.on:after,.abt_c6tab a:hover:after{width:100%; transition:all 0.5s ease;}
.abt_c6wpr{ margin-top:3.02vw;}
.abt_c6lst{ display: none; margin-left:-8px; margin-right:-8px;}
.abt_c6lst.on{ display:flex; animation:fadeInUp 0.5s ease;}
.abt_c6lst dd{ width:calc(33.33% - 16px); margin:0 8px 16px; position:relative}
.abt_c6lst dd:hover{z-index:1;}
.abt_c6item{ height:80px; position:relative; display:block; cursor:pointer;}
.abt_c6dx{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(249,249,249,0.7); border-radius:0.5em; display:flex; flex-direction:column; justify-content:center; text-align:center; font-size:18px; line-height:24px; padding:0 75px;}
.abt_c6dx:before{ content: ""; background: url(../images/abt_c5line.png) no-repeat center center; height: 48px; width: 29px; margin-top: -24px; position: absolute; top: 50%; left: 26px; }
.abt_c6dx:after{content:""; background: url(../images/abt_c5line.png) no-repeat center center; height: 48px; width: 29px; margin-top: -24px; position: absolute; top: 50%; right: 26px; transform:rotateY(180deg) }
.abt_c6hx{ position:absolute; left:0px; top:-10px; right:0; bottom:-10px;background: linear-gradient(to right,#881A1F 0%,#CC242C 100%); color:#fff; border-radius:0.6em;display:flex; flex-direction:column; justify-content:center; padding:0 75px; transition:all 0.5s ease; opacity:0; box-shadow:0 5px 18px rgba(204,36,44,0.3);}
.abt_c6hx strong{ text-align: center; font-size: 18px; font-weight: normal; line-height: 22px; display: block; }
.abt_c6hx p{ font-size: 14px; line-height: 18px; margin-top: 6px; -webkit-line-clamp:2; text-align:center} 
.abt_c6item:hover .abt_c6hx{}
.abt_c6more{ display:block; text-align:center; background:rgba(249,249,249,0.7);display:flex; flex-direction:column; justify-content:center; height:80px; letter-spacing:1px; cursor:pointer; position:relative; border-radius:0.6em; overflow:hidden}
.abt_c6more:before{content:"";background: linear-gradient(to right,#881A1F 0%,#CC242C 100%); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;}
.abt_c6more:hover:before{ opacity:1;}
.abt_c6more:hover{color:#fff;box-shadow:0 5px 18px rgba(204,36,44,0.3);}
.abt_c6more span{display:block; position:relative;}
.abt_c6item:hover .abt_c6hx{opacity:1;}
.abtTop_wpr .hmTop{ background: url(../images/abt_c2bg.jpg) no-repeat fixed center center; background-size: cover; }
@media (max-width:1799px){
.abt_c6tab a{ line-height:50px; font-size:15px; margin:0 12px;}
.abt_c6wpr{ margin-top:2.6vw;}
.abt_c6lst{ margin-left:-5px; margin-right:-5px;}
.abt_c6lst dd{ width:calc(33.33% - 10px); margin:0 5px 10px;}
.abt_c6item{ height:72px;}
.abt_c6dx{font-size:15px; padding:0 50px; line-height:22px;}
.abt_c6dx:before{left: 12px; }
.abt_c6dx:after{right: 12px;}
.abt_c6hx{ padding:0 35px;}
.abt_c6hx strong{font-size: 16px; line-height: 20px;}
.abt_c6hx p{ font-size: 12px; line-height: 16px; margin-top: 5px;} 
.abt_c6more{height:72px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.abt_c6lst dd{width:calc(50% - 10px);}
}
@media (max-width:767px){
.abt_c6tab{margin-top:15px; padding-bottom:10px;}
.abt_c6tab a{font-size:14px; margin:0 10px;}
.abt_c6wpr{margin-top:25px;}
.abt_c6lst dd {width: calc(100% - 10px);}
}


.scmBanner{ position:relative;}
.scmBanner .coverImg{ height:calc(100vh - 130px);}
.scmBanTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; padding-bottom:7vw;}
.scmBan_tx{}
.scmBan_tx strong{ font-size: 66px; line-height: 72px; font-weight: normal; display: block; text-transform: uppercase; color:rgba(255,255,255,0.06); }
.scmBan_tx p{ font-size: 52px; line-height: 66px; letter-spacing: 2px; margin-top:-36px;}
.scmBan_des{ margin-top:2.6vw; padding-bottom:55px; position:relative; padding-left:120px;}
.scmBan_des strong{ font-size: 32px; line-height: 38px; font-weight: normal; position: absolute; left: 0px; top: 0px; letter-spacing:2px; }
.scmBan_des p{ font-size: 17px; line-height: 28px; letter-spacing: 1px; text-align: justify; width: 685px; }
.scmBan_des:after{ content: ""; background:var(--cor); position: absolute; left:92px; top: 8px; width: 2px; bottom: 0px; }
.scmTop_wpr{}
.scmTop_wpr .hmTop{ background: url(../images/scm_c2bg2.jpg) no-repeat fixed center center; background-repeat:no-repeat; background-size: cover!important; }
@media (max-width:1799px){
.scmBanner .coverImg{ height:calc(100vh - 114px);}
.scmBan_tx strong{ font-size: 50px; line-height: 58px; }
.scmBan_tx p{ font-size: 38px; line-height: 50px; margin-top:-30px;}
.scmBan_des{ padding-bottom:40px; padding-left:95px; padding-bottom:35px}
.scmBan_des strong{ font-size:22px; line-height: 30px;}
.scmBan_des p{ font-size: 15px; line-height: 24px; width: 500px; }
.scmBan_des:after{left:68px; width:1px;}
}
@media (max-width:1379px){
.scmBan_tx strong{ font-size: 46px; line-height: 52px; }
.scmBan_tx p{ font-size: 32px; line-height: 44px; margin-top:-28px;}
}
@media (max-width:1199px){
.scmBan_tx p{font-size:24px; line-height:36px;}
.scmBan_des p{font-size:12px; line-height:22px;}
}
@media (max-width:993px){
.scmBanner .coverImg{height:500px;}
.scmTop_wpr .hmTop{background-attachment:inherit;}
}
@media (max-width:767px){
.scmBan_tx strong{font-size:30px; line-height:32px;}
.scmBan_des strong{display:none;}
.scmBan_des:after{display:none;}
.scmBan_des{padding-left:0;}
.scmBan_des p{width:100%;}
.scmBanner .coverImg{height:400px;}
}


.scm_con3{ padding-top:6.25vw; padding-bottom:6.25vw; overflow:hidden}
.scm_c3tx{ position:relative}
.scm_c3tx strong{ font-size: 100px; line-height: 90px; font-weight: normal; text-transform: uppercase; position:relative; left:-90px; color:rgba(0,0,0,0.06);}
.scm_c3tx p{ font-size: 46px; line-height: 52px; letter-spacing: 2px; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-5px; }
.scm_c3tdes{ font-size: 17px; line-height: 28px; letter-spacing: 1px; text-align: justify; margin-top:-35px; }
.scm_c3dls_wpr{ margin-top: 2.6vw; position:relative}
.scm_c3dls{ width:1820px; position:relative; padding-bottom:100px;}
.scm_c3dls dd{ padding-right:16px;}
.scm_c3item{ display:block; height:280px; background:#F2F5F9; border-radius:0.8em; padding:5px 10px;}
.scm_c3pro{ height:185px; position:relative}
.scm_c3pro img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:66%; max-height:66%; width:auto; height:auto;}
.scm_c3pnm{ text-align:center}
.scm_c3pnm strong{ font-size: 20px; line-height: 32px; font-weight: normal; color: #092a53; display: block; }
.scm_c3pnm p{ font-size: 20px; line-height: 32px; color: #092a53; }
.scm_c3dls .slick-next{ background: url(../images/esg_btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 1px solid rgba(0,0,0,0.1); right: 380px; bottom: 0px; z-index: 2; border-radius: 50%; transition: all 0.5s ease; transform: rotate(180deg); background-size:8px auto!important; }
.scm_c3dls .slick-prev{ background: url(../images/esg_btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 1px solid rgba(0,0,0,0.1); right: 440px; bottom:0px; z-index:2; border-radius:50%; transition:all 0.5s ease; background-size:8px auto!important; }
.scm_c3dls .slick-prev:hover,.scm_c3dls .slick-next:hover{ background:var(--cor) url(../images/esg_btn2.png) no-repeat center center; border: 1px solid var(--cor); box-shadow:0 5px 25px rgba(204,36,44,0.8);}
.scm_c3dls .slick-next:hover{ box-shadow:0 -5px 25px rgba(204,36,44,0.8);}
.scm_c3dls:after{content:""; width:370px; position:absolute; right:0; top:0; bottom:0;background: linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 50%); }
@media (max-width:1799px){
.scm_c3tx strong{ font-size: 72px; line-height:60px; left:-66px;}
.scm_c3tx p{ font-size: 32px; line-height: 42px; margin-top:0}
.scm_c3tdes{ font-size: 15px; line-height: 24px; margin-top:-25px; }
.scm_c3dls_wpr{ margin-top: 2.6vw; position:relative}
.scm_c3dls{ width:1420px; padding-bottom:80px;}
.scm_c3dls dd{ padding-right:12px;}
.scm_c3item{ height:240px;}
.scm_c3pro{ height:160px;}
.scm_c3pnm strong{ font-size: 16px; line-height: 26px;}
.scm_c3pnm p{ font-size: 14px; line-height:22px;}
.scm_c3dls .slick-next{height: 42px; width: 42px;right: 280px;}
.scm_c3dls .slick-prev{height: 42px; width: 42px; right: 336px;}
.scm_c3dls:after{width:290px;}
}
@media (max-width:1379px){
.scm_c3tx strong{left:-35px;}
.scm_c3tx p{font-size:30px; line-height:40px;}
}
@media (max-width:1199px){
.scm_c3tx strong{left:-20px;}
.scm_c3dls .slick-prev{right: 550px;}
.scm_c3dls .slick-next{right: 490px;}
}
@media (max-width:993px){
.scm_c3dls .slick-next{right:calc(50% - 50px);}
.scm_c3dls .slick-prev{right:calc(50% + 10px);}
.scm_c3dls{width:auto;}
.scm_c3dls:after{display:none;}
}
@media (max-width:767px){
.scm_c3tx strong{left:0;}
.scm_c3tx strong{line-height:42px; font-size:42px;}
.scm_c3tx p{font-size:24px;}
.scm_c3tdes{font-size:12px; line-height:22px; margin-top:15px;}
.scm_c3dls_wpr{margin-top:25px;}
.scm_c3dls .slick-next,.scm_c3dls .slick-prev{bottom:20px;}
.scm_c3dls dd{padding-right:0;}
}


.scm_con4{ background:#f9f9f9; position:relative; overflow:hidden;}
.scm_c4tx{ text-align:center;}
.scm_c4tx strong{ font-size: 70px; line-height: 60px; font-weight: normal; display: block; color: rgba(0,0,0,0.06); text-transform: uppercase; }
.scm_c4tx p{ font-size: 46px; line-height: 46px; letter-spacing: 2px; margin-top: -28px; position:relative;}
.scm_c4sliderWpr{ margin-top:-10px;}
.scm_c4txt{ margin-top: 10px; max-width:31.25vw; margin-left:auto; margin-right:auto; text-align: center; font-size: 20px; line-height: 32px; letter-spacing: 1px; }
.scm_c4txt p{display: none;}
.scm_c4txt p.on{ display:block;animation:fadeInUp 0.3s ease;}
.scm_c4imgs{ margin-top:4.2vw; margin-left:-5px; margin-right:-5px;}
.scm_c4imgs dd{ width:calc(14.28% - 10px); margin:0 5px;}
.scm_c4eimg{ display:block; position:relative;}
.scm_c4eimg .overflowHide{ height:100px; overflow:hidden; border-radius:0.6em; transform:skewX(-15deg)}
.scm_c4eimg .coverImg{}
.scm_c4eimg .coverImg img{ transform:skewX(15deg) scale(1.15)}
.scm_c4eimg .overflowHide:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); z-index:1; }
.scm_c4eimg .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; background:rgba(204,36,44,0.9); opacity:0; z-index:1;}
.scm_c4bsnm{ font-size: 15px; line-height: 24px; color: #FFF; position: absolute; bottom: 10px; left: 12px; right: 12px; color:#fff; text-align:center; z-index:1; transition:all 0.5s ease;}
.scm_lay{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding-top: 30px; background: url(../images/scm_imgsclce.png) no-repeat center top; text-align:center; z-index:2; transition:all 0.5s ease; opacity:0}
.scm_lay p{ font-size: 14px; color: #FFF; line-height: 24px; }
.scm_c4eimg:hover .scm_lay{opacity:1;}
.scm_c4eimg:hover .overflowHide:before{opacity:0;}
.scm_c4eimg:hover .overflowHide:after{opacity:1;}
.scm_c4eimg:hover .scm_c4bsnm{opacity:0;}
.usc4swiperWpr{position:relative; width:100vw; left:50%; transform:translateX(-50%);}
.usc4swiper{ position:relative; overflow:hidden;}
.usc4swiper .swiper-wrapper{}
.usc4swiper .swiper-slide { background-position: center; width: 31.25vw; padding-top:40px; padding-bottom:40px;}
.usc4swiper .swiper-slide .overflowHide{ top:0px; height:22vw; transition:all 0.5s ease;}
.usc4swiper .swiper-slide .coverImg { display: block; width: 100%; height: 20vw; border-radius:0.4em; overflow:hidden; transition:all 0.5s ease; }
.usc4swiper .swiper-slide .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%); }
.usc4swiper .swiper-slide-active .overflowHide{ top:20px;}
.usc4swiper .swiper-slide-active .coverImg{ opacity:1;height:22vw;}
.nnnews_bana{position:relative;}
.nnnews_bana p{ font-size: 26px; color: #FFF; line-height: 32px; position: absolute; left: 30px; right: 30px; text-align:center; transition:all 0.5s ease; bottom:65px; letter-spacing:2px;}
.usc4swiper .swiper-slide-active .nnnews_bana p{ bottom: 35px;}
.usc4swiperWpr .prev{ background: url(../images/esg_btn3.png) no-repeat center center; height:50px; width: 50px; position: absolute; top:auto; border-radius:50%; transition:all 0.5s ease; left:0; z-index:2; cursor:pointer; bottom:20px; left:29.68vw; border: 2px solid var(--cor); background-size:10px auto!important;}
.usc4swiperWpr .next{ background: url(../images/esg_btn3.png) no-repeat center center; height:50px; width: 50px; position: absolute; top:auto; border-radius:50%; transition:all 0.5s ease; left:0; z-index:2; cursor:pointer; bottom:20px; left:auto; right:29.68vw; border:2px solid var(--cor); background-size:10px auto!important; transform:rotateY(180deg);}
.usc4swiperWpr .prev:hover,.usc4swiperWpr .next:hover{ background:var(--cor) url(../images/esg_btn2.png) no-repeat center center; border:2px solid var(--cor); box-shadow:0 5px 25px rgba(204,36,44,0.8);}
.usc4swiperWpr .next:hover{ box-shadow:0 -5px 25px rgba(204,36,44,0.8);}
@media (max-width:1799px){
.scm_c4sliderWpr{margin-top:-25px;}
.usc4swiperWpr .prev,
.usc4swiperWpr .next{width:36px; height:36px; background-size:5px auto !important; border-width:1px;}
.scm_c4tx strong{ font-size: 50px; line-height: 44px; }
.scm_c4tx p{ font-size: 32px; line-height: 32px; margin-top: -20px;}
.usc4swiper .swiper-slide{width:32vw;}
.usc4swiper .swiper-slide-active .nnnews_bana p{font-size:24px; bottom:25px;}
.scm_c4txt{font-size:18px; line-height:28px; margin-top:5px;}
.scm_lay p{font-size:12px;}
.scm_c4bsnm{font-size:13px; left:0}
}
@media (max-width:1379px){
.scm_c4tx p{font-size:30px; line-height:30px;}
}
@media (max-width:1199px){
.usc4swiper{padding:0 80px;}
.usc4swiper .swiper-slide {width: 418px;}
.usc4swiper .swiper-slide .coverImg { height: 285px; }
.usc4swiper .swiper-slide-active .coverImg{ box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.usc4swiperWpr .prev{ left:22.68vw; bottom:0;}
.usc4swiperWpr .next{ right:22.68vw; bottom:0;}
.scm_c4txt{font-size:14px; line-height:22px;}
}
@media (max-width:993px){
.usc4swiper .swiper-slide{padding-bottom:80px;}
.usc4swiper .swiper-slide .overflowHide{height:36vw;}
.usc4swiperWpr .prev{left:44.5vw;}
.usc4swiperWpr .next{ right:44.5vw;}
.scm_c4imgs{flex-wrap:wrap;}
.scm_c4imgs dd{ width:calc(25% - 10px); margin-bottom:10px;}
.scm_c4eimg .overflowHide{height:105px;}
}
@media (max-width:767px){
.usc4swiper{margin-top:15px; padding:0px;}
.usc4swiper{padding-bottom:66px;}
.usc4swiperWpr .prev{ margin-top:0; top:auto; bottom:10px; left:calc(50% - 46px); width:36px; height:36px; background-size:16px auto!important;}
.usc4swiperWpr .next{margin-top:0; top:auto; bottom:10px; left:calc(50% + 10px); width:36px; height:36px; background-size:16px auto!important;}
.usc4swiper .swiper-slide {width: 100%;}
.usc4swiper .swiper-slide .coverImg { height: 60vw; }
.usc4swiper .swiper-slide-active .coverImg{ box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.scm_c4tx strong {font-size: 40px;line-height: 38px;}
.usc4swiper .swiper-slide .overflowHide{height:60vw;}
.usc4swiperWpr .prev,.usc4swiperWpr .next{background-size:8px auto!important;}
.usc4swiper{padding-bottom:15px;}
.usc4swiper .swiper-slide{padding-top:20px;}
.scm_c4imgs{margin-top:35px;}
.scm_c4txt{width:auto; max-width:none;}
.nnnews_bana p{font-size: 18px!important;}
}


.scm_con5{ display:block; background-repeat:no-repeat; background-size:cover;}
.scm_c5box{ position:relative}
.scm_c5lx{ padding-bottom:250px; height:41.14vw; position:relative;display:flex; flex-direction:column; justify-content:center;}
.scm_c5tx{}
.scm_c5tx strong{ font-size: 100px; line-height: 90px; display: block; color: rgba(0,0,0,0.04); font-weight: normal; position:relative; left:-45px; }
.scm_c5tx p{ font-size: 46px; line-height: 46px; letter-spacing: 2px; display: block; margin-top:-28px;}
.scm_c5info{ font-size: 17px; line-height: 36px; margin-top: 30px; }
.scm_c5rx{ background: url(../images/scm_c5bx_bg.png) no-repeat; height: 672px; width: 691px; position: absolute; right: 0px; bottom: 0px; padding-top:90px; color:#fff; }
.scm_c5rx1{ position:relative; margin-right:130px; margin-left:222px; position:relative; height:232px;}
.scm_c5rx1 .scm_c5ico{ position: absolute; top: 32px; right: -82px; }
.scm_c5rx1 h5,.scm_c5rx2 h5{ font-size: 18px; line-height: 26px; height: 55px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom:15px; font-weight:normal; }
.scm_c5rx1 ul{display:flex; justify-content:space-between; }
.scm_c5rx1 ul li{ text-align: center; font-size: 16px; line-height: 24px; position:relative; width:100% }
.scm_c5rx1 ul li span{ display:block; font-weight:bold;}
.scm_c5rx1 ul li:after{content:""; width:1px; height:30px; background:rgba(255,255,255,0.2); position:absolute; right:0px; top:9px;}
.scm_c5rx1 ul li:last-child:after{display:none;}
.scm_c5rx2{ margin-left:130px; margin-right:226px; position:relative}
.scm_c5rx2 .scm_c5ico{ position: absolute; top: 33px; left: -65px;}
.scm_c5rx2 ul{ display:flex;flex-direction:row-reverse; justify-content:space-between; }
.scm_c5rx2 ul li{ font-size: 16px; line-height: 24px; text-align:center; position:relative; width:100%; }
.scm_c5rx2 ul li:after{content:""; width:1px; height:30px; background:rgba(255,255,255,0.2); position:absolute; left:0px; top:9px;}
.scm_c5rx2 ul li:last-child:after{display:none;}
.scm_c5rx2 ul li span{ display:block; font-weight:bold;}
@media (max-width:1799px){
.scm_c5lx{ padding-bottom:150px; height:41.14vw;}
.scm_c5tx strong{ font-size:80px; line-height: 70px; left:-25px; }
.scm_c5tx p{ font-size: 32px; line-height: 32px; margin-top:-20px;}
.scm_c5info{ font-size: 15px; line-height: 32px; margin-top: 25px; }
.scm_c5rx{height: 510px; width: 525px; padding-top:66px; background-size:100% auto;}
.scm_c5rx1{margin-right:120px; margin-left:168px; height:176px;}
.scm_c5rx1 .scm_c5ico{ top: 25px; right: -72px; width:40px; height:auto; }
.scm_c5rx1 h5,.scm_c5rx2 h5{ font-size: 15px; line-height: 24px; height:36px; margin-bottom:10px; }
.scm_c5rx1 ul li{font-size: 13px; line-height: 22px;}
.scm_c5rx1 ul li:after{height:26px; top:8px;}
.scm_c5rx2{ margin-left:80px; margin-right:160px;}
.scm_c5rx2 .scm_c5ico{ width:42px; height:auto; top: 24px; left:-47px;}
.scm_c5rx2 ul li{ font-size: 13px; line-height: 22px; }
}
@media (max-width:1379px){
.scm_c5tx p{font-size:30px; line-height:30px;}
}
@media (max-width:1199px){
.scm_c5rx{transform:scale(0.82)!important; transform-origin:right bottom;}
.scm_c5lx{height:52vw;}
}
@media (max-width:993px){
.scm_c5rx{transform:scale(0.72)!important;}
}
@media (max-width:767px){
.scm_c5rx{display:none;}
.scm_c5tx p{font-size:24px;}
.scm_c5info{margin-top:12px; font-size:14px; line-height:26px;}
.scm_c5tx strong {font-size: 40px;line-height: 40px;left: 0;}
.scm_c5lx {height: 92vw;padding-bottom: 120px;}
.scm_c4imgs dd {width: calc(50% - 10px);margin-bottom: 10px;}
}


.scm_con6{ background-repeat:no-repeat; background-size:cover; color:#fff;}
.scm_con6 .container{display:flex; justify-content:space-between; }
.scm_c6lx{display:flex; flex-direction:column; justify-content:center; height:15.62vw;}
.scm_c6lx strong{ font-size: 100px; line-height: 90px; text-transform: uppercase; font-weight: normal; display: block; color:rgba(255,255,255,0.06);}
.scm_c6lx p{ font-size: 24px; line-height: 24px; display: block; letter-spacing:1px; margin-top:-52px;}
.scm_c6lx h4{ letter-spacing: 2px; font-size: 40px; line-height: 40px; font-weight: normal; display: block; margin-top:2.6vw; display:block }
.scm_c6btn{display:flex; flex-direction:column; justify-content:center; padding-bottom:1.82vw;}
@media (max-width:1799px){
.scm_c6lx strong{ font-size: 80px; line-height: 70px;}
.scm_c6lx p{ font-size: 22px; line-height: 22px; margin-top:-42px;}
.scm_c6lx h4{font-size: 28px; line-height: 28px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.scm_con6{background-position:right center;}
.scm_c6lx{height:20vw;}
.scm_c6lx h4{font-size:24px;}
}
@media (max-width:993px){
.scm_c6lx{height:27vw;}
}
@media (max-width:767px){
.scm_c6lx strong{font-size:40px; line-height:40px;}
.scm_c6lx h4{font-size:16px; letter-spacing:1px;}
.scm_c6lx{height:52vw;}
}


.m2banner{position: relative; overflow: hidden}
.m2banner .coverImg{ height: 26.56vw; transition:all 6s ease; transform:scale(1.15);}
.m2banner.on .coverImg{ transform:scale(1);}
.m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; padding-bottom:25px;}
.m2banTxt p{ font-size: 90px; line-height: 90px; letter-spacing: 1px; display: block; color: rgba(255,255,255,0.35); text-transform: uppercase; }
.m2banTxt strong{font-size: 56px;line-height: 60px;letter-spacing: 2px;display: block;font-weight: normal; margin-top:-30px;}
.news_banner .coverImg{ height:33.85vw;}
.news_banner:after{ content: ""; background: url(../images/news_banBg.png) no-repeat center bottom; height: 42px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-size:100% 42px;}
.news_banner .m2banTxt{ top:6vw; transform:translateY(0); text-align: center;}
.page { text-align: center; }
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 40px; min-width: 40px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #EAEAEA; color: #333; border-radius: 50%; font-size: 14px; line-height:38px; }
.page .pagination li.active a, .page .pagination li a:hover { color: #fff; background:var(--cor); border: 1px solid var(--cor); }
.page .pagination li.first a,
.page .pagination li.last a{ border-radius:2em; padding:0 25px;}
@media (max-width:1799px){
.page .pagination li a { padding: 0px 6px; height: 38px; min-width: 38px; margin: 0px 4px; line-height:36px; }
.page .pagination li.first a,
.page .pagination li.last a{ padding:0 22px;}
}
@media (max-width:767px){
.page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; }
.page .pagination li.first,.page .pagination li.last{display:none;}
}

.news_page{ position:relative; z-index:2; margin-top:-18.7vw; overflow:hidden; padding-top:1vw;}
.news_con1{ background:#fff; padding:3.64vw; border-radius:0.8em; box-shadow:0 12px 35px rgba(52,60,67,0.1);display:flex; justify-content:space-between; }
.news_c1dls{ width:61.5%;}
.news_c1dls dd{}
.news_c1aBox{ display:block; position:relative;}
.news_c1aBox .overflowHide{ height:448px; border-radius:0.8em;}
.news_c1aBox .coverImg:after{ content: ""; position: absolute; height: 45%; left: 0px; right: 0px; bottom: 0px;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); }
.news_c1lay{ position:absolute; left:0; right:0; bottom:0; color:#fff; padding:0 2.6vw 2.6vw;}
.news_c1lay strong{ font-size: 30px; line-height: 36px; font-weight: normal; letter-spacing: 1px; margin-bottom: 8px; }
.news_c1lay p{ font-size: 14px; line-height: 28px; }
.news_c1lay p span{ display:inline-block;}
.news_c1uls{ width:34%;display:flex; flex-direction:column; justify-content:center;}
.news_c1uls li{ padding:30px 0; border-bottom:1px solid #E5E5E5;}
.news_c1uls li:last-child{border:none;}
.news_c1sa{}
.news_c1sa p{ color:var(--cor); font-size:18px; line-height:24px; display:block;}
.news_c1sa strong{ font-size: 20px; line-height: 28px; font-weight: normal; margin-top: 12px; -webkit-line-clamp:2;}
.news_con2{ padding-left:2.6vw; padding-right:2.6vw;}
.news_ser{ padding-bottom:2.08vw;display:flex; justify-content:space-between; position:relative;}
.news_ser:after{content:""; height:1px; background:#EEEEEE; position:absolute; left:50%; bottom:0; margin-left:-50vw; width:100vw;}
.news_sermenu{ background:#F5F5F5; padding:5px; border-radius:0.6em;}
.news_sermenu a{ display:inline-block; width:130px; border-radius:0.6em; margin-left:12px; text-align:center; font-size:14px; line-height:44px; color:#808080; cursor:pointer;}
.news_sermenu a.on{ color:#fff; background:var(--cor);}
.news_sermenu a:first-child{ margin-left:0;}
.news_serx{ width:calc(100% - 452px); position:relative;}
.news_serx input{ height:54px; line-height:52px; width:100%; border:1px solid #E5E5E5; padding-left:20px; padding-right:70px; border-radius:0.6em; color:#888;}
.news_serx input:focus{ border:1px solid #ccc; color:#333;}
.news_serx button{ height: 54px; width: 60px; position: absolute; top: 0px; right: 0px; background: url(../images/top_ser.png) no-repeat center center; cursor: pointer; background-size:16px auto!important; transition:all 0.5s ease; opacity:0.7;}
.news_serx button:hover{ background: url(../images/top_ser2.png) no-repeat center center; opacity:1;}
.news_list{ margin-top:3.9vw; border-bottom:2px solid #333; margin-bottom:2.08vw;}
.news_list li{ position:relative; width:33.33%; margin-bottom:2.08vw; padding-bottom:15px;}
.news_item{ display:block; padding:2.6vw; height:460px; border-radius:0.8em; position:relative;}
.news_item:after{content:""; width:1px; background:#EFEFEF; position:absolute; left:0; top:0; bottom:0; transition:all 0.5s ease;}
.news_item .overflowHide{ height:185px; border-radius:0.8em;}
.news_item:hover{ background:#F8F8F8;}
.news_bmx{ padding-top: 25px; }
.news_bmx p{ font-size: 18px; line-height: 40px; color:var(--cor);}
.news_bmx strong{ font-size: 24px; line-height: 32px; font-weight: normal; -webkit-line-clamp:2; height:64px; letter-spacing:1px; color:#333;}
.news_bmx span{ font-size: 14px; line-height: 14px; display: inline-block; margin-top: 25px; transition:all 0.5s ease; opacity:0; color:#333;}
.news_item:hover .news_bmx span{opacity:1;}
.news_list li:nth-child(3n+1) .news_item:after{display:none;}
.news_list li:hover + li .news_item:after,.news_item:hover:after{opacity:0;}
@media (max-width:1799px){
.m2banTxt p{font-size:70px; line-height:70px;}
.m2banTxt strong{font-size:40px; line-height:50px;}
.news_c1uls{width:35%;}
.news_c1sa p{font-size:14px; line-height:22px;}
.news_c1sa strong{font-size:16px; line-height:26px; margin-top:8px;}
.news_c1uls li{padding:20px 0;}
.news_c1lay strong{font-size:20px; line-height:30px;}
.news_c1aBox .overflowHide{height:340px;}
.news_item .overflowHide{height:160px;}
.news_bmx p{font-size:14px; line-height:36px;}
.news_bmx strong{font-size:18px; line-height:28px; height:56px;}
.news_bmx span{font-size:13px;}
.news_item{height:400px;}
}
@media (max-width:1379px){
.m2banTxt p{font-size:60px; line-height:60px;}
.m2banTxt strong{font-size:32px; line-height:42px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2banner .coverImg{height:32vw;}
.m2banTxt p{font-size:50px; line-height:50px;}
.m2banTxt strong{font-size:28px; line-height:38px;}
.m2banner .coverImg{height:39vw;}
.news_list li{width:50%; padding-bottom:0}
.news_item{height:370px;}
}
@media (max-width:767px){
.m2banTxt p{font-size:32px; line-height:32px;}
.m2banTxt{padding-bottom:5px;}
.m2banTxt strong{font-size:24px; line-height:30px; margin-top:-22px;}
.m2banner .coverImg{height:50vw;}
.news_banner .m2banTxt{top:11vw;}
.news_con1{flex-wrap:wrap;}
.news_c1dls{width:100%;}
.news_c1uls{width:100%; margin-top:20px;}
.news_c1lay{padding:18px 15px;}
.news_c1lay strong{font-size:16px; line-height:26px; -webkit-line-clamp:2;}
.news_c1aBox .overflowHide{height:51vw;}
.news_c1lay p{font-size:12px; line-height:20px;}
.news_c1uls li {padding: 12px 0;}
.news_c1uls{margin-top:12px;}
.news_ser{flex-wrap:wrap; padding-bottom:25px;}
.news_sermenu{width:100%; margin-bottom:10px; padding:0; background:none; display:flex;}
.news_serx{width:100%;}
.news_sermenu a{width:33.33%;}
.news_list{margin-top:25px; margin-bottom:20px; padding-bottom:18px;}
.news_item:after{display:none;}
.news_list li{width:100%;}
.news_bmx{padding-top:12px;}
.news_bmx strong{font-size:16px; line-height:26px; height:auto;}
.news_bmx span{display:none!important;}
.news_item{height:auto; padding-bottom:15px;}
.news_item .overflowHide{height:45vw;}
}


.footer{ color:rgba(255,255,255,0.9); background:#252f38;  background-image: linear-gradient(135deg, #252f38 20%,#323d46 90%);padding-top:4.16vw;}
.footer a{ color:rgba(255,255,255,0.9); }
.footer a:hover{ color:rgba(255,255,255,1); }
.foot_x1{display:flex; justify-content:space-between; position:relative; z-index:2; }
.foot_logo{display:flex; flex-direction:column; justify-content:center;}
.foot_logo img{ height:31px;}
.foot_links{ width:31.66%; position:relative}
.foot_links span{ display: block; padding: 0px 47px; line-height: 60px; background: rgba(66,75,83,0.95) url(../images/foot_ico1.png) no-repeat 21px center; border-radius: 2em; font-size: 16px; letter-spacing: 1px; position:relative; cursor:pointer; }
.foot_links span:after{ content: ""; background: url(../images/foot_ar.png) no-repeat center center; height: 6px; width: 10px; margin-top: -3px; position: absolute; top: 50%; right: 20px; }
.foot_linkoptions{ position: absolute; left:0; width:100%; top: 60px; text-align:left; background:rgba(66,75,83,0.95); opacity: 0; visibility: hidden; padding-bottom:15px;transition:all 0.5s ease; transform:scaleY(0); transform-origin:center top; border-radius:2em; padding-top:15px; box-shadow:0 5px 8px rgba(0,0,0,0.1); }
.foot_links:hover .foot_linkoptions{ opacity:1; visibility:visible; transform:scale(1);}
.foot_linkoptions dd{font-size:16px;}
.foot_linkoptions dd:last-child{border:none;}
.foot_la{ display:block; padding:12px 47px; border-bottom:1px dashed rgba(255,255,255,0.1); }
.foot_la:hover{background:#252f38; color:#fff; border-bottom:1px dashed rgba(255,255,255,0); }
.foot_x2{padding-bottom:4.16vw;display:flex; justify-content:space-between; padding-top:3.9vw;}
.foot_menus{ display:flex;}
.foot_menus dl{ margin-right:2.4vw; letter-spacing:1px;}
.foot_menus dl:last-child{margin-right:0;}
.foot_menus dl dt{ font-size:22px; line-height:40px; margin-bottom:12px;}
.foot_menus dl dd{ font-size: 16px; line-height: 32px; }
.foot_a2{ color:rgba(255,255,255,0.6)!important;}
.foot_a2:hover{ color:#fff!important;}
.foot_wxs{ display:flex;}
.foot_wxs li{ margin-left:28px; text-align:center;}
.foot_wximg{}
.foot_wximg img{}
.foot_wxtip1{ margin-top: 5px; }
.foot_wxtip1 span{ font-size: 16px; line-height: 22px; background: url(../images/foot_ico2.png) no-repeat left center; padding-left: 32px; text-align: left; display: inline-block; }
.foot_wxtip2{ margin-top:5px;}
.foot_wxtip2 span{ display:block; font-size:16px; line-height:22px;}
.foot_wxtip2 a{ margin-top:8px; background:rgba(255,255,255,0.1); border-radius:2em; display:block; line-height:32px; color:rgba(255,255,255,0.6)!important;}
.foot_wxtip2 a:hover{color:#fff!important;}
.foot_wxtip2 a:after{ content: ""; background: url(../images/foot_link.png) no-repeat center center; height: 8px; width: 9px; margin-left: 6px; display:inline-block; }
.foot_x3{ font-size:14px; line-height:28px; padding:1.97vw 0; border-top:1px solid #4D555C;display:flex; justify-content:space-between; }
.foot_x3 img{ margin-left:25px; position:relative; top:5px; margin-right:5px;}
.web_copy{}
.web_link{}
.web_link a{ display:inline-block; margin-left:25px;}
@media (max-width:1799px){
.foot_links span{font-size:15px; line-height:50px;}
.foot_linkoptions{top:50px;}
.foot_la{padding:10px 40px;}
.foot_wximg img{width:120px; height:120px;}
.foot_wxtip2 span{font-size:14px;}
.foot_wxtip1 span{font-size:14px;}
.foot_wxtip2 a{font-size:12px;}
.foot_menus dl dt{font-size:18px; line-height:32px; margin-bottom:10px;}
.foot_menus dl dd{font-size:14px; line-height:28px;}
.foot_x2{padding-top:3.6vw; padding-bottom:3.2vw;}
.foot_linkoptions dd{font-size:14px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.foot_menus dl dt{font-size:16px; line-height:28px;}
.foot_menus dl{margin-right:18px;}
.foot_x3{flex-wrap:wrap; text-align:center}
.web_copy,.web_link{width:100%;}
}
@media (max-width:993px){
.foot_x2{flex-wrap:wrap;}
.foot_menus{width:100%;display:flex; justify-content:space-between; position:relative; z-index:1;}
.foot_menus dl{margin-right:0;}
.foot_wxs{width:100%; margin-top:-55px;flex-direction:row-reverse;}
.foot_wxs li{margin-right:35px;}
.foot_x3{font-size:12px; line-height:24px;}
.web_link a{margin:0 8px;}
}
@media (max-width:767px){
.foot_menus{display:none;}
.foot_links{display:none;}
.foot_wxs{margin-top:10px;justify-content:center;}
.footer{padding-top:12vw;}
.foot_logo{display:block; text-align:center; width:100%}
.foot_logo img{height:28px;}
.foot_wxs li{margin:0 12px;}
.foot_x2{padding:15px 0 30px}
.foot_x3{padding:20px 0}
.web_copy{line-height:18px; margin-bottom:12px;}
}


.m2posWpr{ /*border-top: 1px solid #EBEBEB;*/ background:#fff; border-bottom: 1px solid #EBEBEB;}
.m2pos{ padding: 25px 0; font-size: 14px; line-height: 28px; }
.m2posWpr .container{display:flex; justify-content:space-between; }
.m2pos_hma{ background: url(../images/pos_ico.png) no-repeat left center; padding-left: 26px; }
.m2pos_a{ display:inline-block; margin-right:40px; position:relative}
.m2pos_a:after{ content: ""; background: url(../images/pos_ar.png) no-repeat center center; height: 7px; width: 5px; position: absolute; top: 50%; margin-top: -3px; right: -24px; }
.m2menu_wpr{}
.m2menu{ display:flex;}
.m2menu li{ margin-left:15px;}
.m2menu_a{ display:inline-block; font-size:16px; letter-spacing:1px; position:relative; padding:0 18px; line-height:78px;}
.m2menu_a.on{}
.m2menu_a:after{content:""; height:2px; background:var(--cor); transition:all 0.5s ease; left:50%; transform:translateX(-50%); width:0%; position:absolute; bottom:-1px}
.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;}
@media (max-width:1799px){
.m2menu_a{font-size:15px; padding:0 14px; line-height:60px;}
.m2pos{padding:16px 0;}
.m2menu li{margin-left:5px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2menu_a{padding:0 8px;}
}
@media (max-width:993px){
.m2pos{display:none;}
.m2menu{width:100%;justify-content:center;}
.m2menu_wpr{width:100%;}
}
@media (max-width:767px){
.m2posWpr .container{display:block; overflow-x:auto;}
.m2menu{display:inline-block; white-space:nowrap; text-align:center}
.m2menu li{display:inline-block;}
.m2menu_a{line-height:52px;}
.m2menu_a:after{bottom:0;}
}


.dtl_page{padding-top:50px;}
.dtl_page .container{ max-width:1230px;}
.dtl_tm{ font-size: 18px; line-height: 18px; background: url(../images/dtl_tm.png) no-repeat left center; padding-left: 24px; color:var(--cor);}
.dtl_title{ font-size: 50px; line-height: 66px; font-weight: normal; letter-spacing: 2px; display: block; margin-top:25px;}
.dtl_editor{ font-size: 18px; line-height: 28px; padding-top: 2.6vw; margin-top: 2.6vw; border-top: 4px solid #333; }
.dtl_editor h4{ font-size: 24px; font-weight: normal; display: block; letter-spacing:1px; }
.dtl_shax{ margin-top:4vw; height:49px; position:relative; text-align:center;}
.dtl_shax:before{content:""; height:4px; background:#333; position:absolute; left:0; right:0; top:50%; margin-top:-2px;}
.dtl_slinks{ display:inline-block; position:relative; background:#fff; padding:0 32px;}
.dtl_sa{ display:inline-block; width:49px; height:49px; border:1px solid #EAECED; border-radius:0.3em; margin:0 4px; cursor:pointer;}
.dtl_sa:hover{border:1px solid var(--cor);}
.dtl_sa1{ background: url(../images/sa_img1.png) no-repeat center center; }
.dtl_sa1:hover{ background: url(../images/sa_img1a.png) no-repeat center center; }
.dtl_sa2{ background: url(../images/sa_img2.png) no-repeat center center; }
.dtl_sa2:hover{ background: url(../images/sa_img2a.png) no-repeat center center; }
.dtl_sa3{ background: url(../images/sa_img3.png) no-repeat center center; }
.dtl_sa3:hover{ background: url(../images/sa_img3a.png) no-repeat center center; }
.dtl_page{display:flex; justify-content:space-between; }
.dtl_page_link{ line-height: 46px; text-align: center; width: 172px; font-size: 18px; background: #F8F8F8; border-radius:0.3em;}
.dtl_page_link:hover{ background:var(--cor); color:#fff;}
@media (max-width:1799px){
.dtl_tm{font-size:16px;}
.dtl_title{font-size:38px; line-height:52px;}
.dtl_editor{ border-top-width:2px; font-size:15px; line-height:24px;}
.dtl_editor h4{font-size:20px;}
.dtl_page_link {line-height: 42px;width: 150px;font-size: 16px;}
.dtl_page{padding-top:30px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.dtl_title{font-size:30px; line-height:42px;}
}
@media (max-width:993px){
.dtl_title{font-size:24px; line-height:36px;}
}
@media (max-width:767px){
.dtl_title{letter-spacing:1px; font-size:20px; line-height:30px; margin-top:10px;}
.dtl_editor{padding-top:15px; margin-top:15px; font-size:14px;}
.dtl_editor h4{font-size:18px;}
}


.lx_con1{}
.lx_c1ul{ margin:0 -12px;}
.lx_c1ul li{ width:calc(50% - 24px); margin:0 12px;}
.lx_c1item{ display:block; position:relative; cursor:pointer;}
.lx_c1item .overflowHide{ height:500px; border-radius:1em; background:var(--cor); transition:all 0.5s ease;}
.lx_c1lay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #fff; padding: 100px 52px; font-size: 18px; line-height: 26px; }
.lx_c1en{ font-size: 100px; line-height: 100px; left: 52px; bottom: -20px; position: absolute; text-transform: uppercase; color:rgba(255,255,255,0.1); }
.lx_c1lay strong{ font-size: 40px; line-height:40px; font-weight: normal; letter-spacing: 2px; display: block; margin-bottom:30px;}
.lx_c1ul li:nth-child(2) .lx_c1item .overflowHide{ background:#0B4A72}
.lx_c1item:hover .overflowHide{box-shadow:0 12px 35px rgba(204,36,44,0.3); transform:translateY(-10px);}
.lx_c1ul li:nth-child(2) .lx_c1item:hover .overflowHide{box-shadow:0 12px 35px rgba(11,74,114,0.3);}
@media (max-width:1799px){
.lx_c1ul{ margin:0 -10px;}
.lx_c1ul li{ width:calc(50% - 20px); margin:0 10px;}
.lx_c1item .overflowHide{ height:385px;}
.lx_c1lay{ padding: 80px 35px; font-size: 15px; line-height: 24px; }
.lx_c1en{ font-size: 80px; line-height: 80px; left: 32px; bottom: -14px;}
.lx_c1lay strong{ font-size: 28px; line-height:32px; margin-bottom:20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.lx_c1ul li{ width:calc(100% - 24px); margin-bottom:12px;}
.lx_c1lay {padding: 36px 18px;font-size: 14px;line-height: 22px;}
.lx_c1item .overflowHide{height:255px;}
.lx_c1lay strong{font-size:24px; line-height:22px; margin-bottom:15px;}
}


.lx_con2{ background: url(../images/lx_c2bg.jpg) no-repeat center bottom; background-size:cover;}
.m2pt{ font-size: 48px; line-height: 48px; letter-spacing: 2px; }
.m2pt_c{ text-align:center;}
.lx_c2map{ max-width:1089px; margin:20px auto 0; position:relative;}
.lx_c2map_img{ display:block;}
.lx_c2fst{ width:0; height:0; position:absolute; top: 45%; right: 21%;}
.lx_c2fst span,.lx_c2pit6 span{ background: url(../images/lx_c2ly.png) no-repeat center center; height: 20px; width: 81px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); font-size:14px; line-height:18px; color:#fff; text-align:center; padding-right:5px;}
@keyframes lx_anix {
  from {
    opacity: 1;
    transform: scale(0.6);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.lx_c2pit{ width:0; height:0; position:absolute;}
.lx_c2apt{ width:16px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.lx_c2apt:before,.lx_c2apt:after{background-color:rgba(204,36,44,0.3);content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: lx_anix 3s linear infinite;opacity: 0;}
.lx_c2apt:after {animation-delay: 1.5s;}
.lx_c2apt i{ width:8px; height:8px; background:var(--cor); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%;}
.lx_c2cnm{ white-space:nowrap; line-height:16px; font-size:14px; letter-spacing:1px; position:absolute; left:15px; top:-8px;}
.lx_c2pit1{left: 12.5%; top: 39.08%;}
.lx_c2pit2{ left:85.39%; top:42.37%;}
.lx_c2pit3{ left:78.88%; top:48.88%;}
.lx_c2pit4{ left:77.68%; top:52.41%;}
.lx_c2pit5{ left: 75%; top: 57.2%;}
.lx_c2pit6{ left: 74.9%; top: 62.51%;}
.lx_c2pit6 .lx_c2apt{display: none;}
.lx_c2bmx{ background:rgba(255,255,255,0.7); border:1px solid #fff; border-radius:1em; margin-top:-130px; position:relative; z-index:2;display:flex; justify-content:space-between; padding:55px 45px 15px;box-shadow:0 12px 35px rgba(52,60,67,0.1);}
.lx_c2lx{ width:30.5%;}
.lx_c2aBox{ display:block;}
.lx_c2aBox .overflowHide{ height:254px; border-radius:0.6em;}
.lx_c2lbmx{ padding:36px 36px 0;}
.lx_c2lbmx strong{ font-size: 18px; font-weight: normal; margin-bottom: 10px; letter-spacing:1px;}
.lx_c2lbmx strong:after{ content: ""; background: url(../images/lx_c2ar.png) no-repeat center center; display: inline-block; height: 10px; width: 7px; margin-left: 10px; position:relative; top:-2px;}
.lx_c2lbmx p{ font-size:12px; line-height:16px; margin-top:4px; color:#555;}
.lx_c2rx{ width:66%;}
.lx_c2rul{ margin:0 -18px;}
.lx_c2rul li{ width:calc(50% - 36px); margin:0 18px 42px;}
.lx_c2ra{display:flex; justify-content:space-between; }
.lx_c2ra .overflowHide{ width:31.64%; height:98px; border-radius:0.6em;}
.lx_c2rbmx{ width:65%;display:flex; flex-direction:column; justify-content:center;}
.lx_c2rbmx strong{ font-size:15px; line-height:20px; font-weight:normal; margin-bottom:6px}
.lx_c2rbmx p{ font-size:12px; color:#555; line-height:16px; margin-top:4px; word-break:break-all}
@media (max-width:1799px){
.m2pt{font-size:32px; line-height:32px;}
.m2pt_des{font-size:15px; line-height:24px;}
.lx_c2rbmx strong{font-size:12px;}
.lx_c2lbmx{ padding-left:15px; padding-right:15px;}
.lx_c2rbmx strong{margin-bottom:2px;}
.lx_c2bmx{padding:26px 30px 15px;}
.abt_c2lx{width:23%;}
.abt_c2lx:after{right:-26px;}
.abt_c2rnm{font-size:13px;}
.lx_c2rul li{margin-bottom:25px;}
.lx_c2lbmx{padding-top:20px;}
}
@media (max-width:1379px){
.m2pt{font-size:30px; line-height:30px;}
}
@media (max-width:1199px){
.lx_c2lbmx strong{font-size:15px;}
}
@media (max-width:993px){
.lx_c2aBox .overflowHide{height:50vw;}
.lx_c2bmx{margin-top:0; flex-wrap:wrap;}
.abt_c2lx{width:100%;}
.abt_c2rx{width:100%; margin-top:25px;}
.abt_c2aBox .overflowHide{height:52vw;}
.abt_c3sw2 .slick-next{right:910px;}
.abt_c3sw2 .slick-prev{right:960px;}
.lx_c2bmx{flex-wrap:wrap;}
.lx_c2lx{width:100%; margin-bottom:35px;}
.lx_c2rx{width:100%;}
}
@media (max-width:767px){
.m2pt{font-size:24px; line-height:24px; text-align:center}
.lx_c2map{display:none;}
.lx_c2bmx{margin-top:25px;padding:15px;}
.abt_c2rul li{width:100%;}
.abt_c2rnm{width:calc(100% - 122px);}
.abt_c3sw1{ display:none;}
.abt_c3box{padding-left:0; margin-top:25px;}
.abt_c3sw2{width:auto;}
.abt_c3sw2 dd{padding-left:0; height:auto; padding-bottom:25px;}
.abt_c3sw2 .slick-next{right:auto; left:calc(50% + 15px); bottom:-30px;}
.abt_c3sw2 .slick-prev{ right:auto; left:calc(50% - 45px); bottom:-30px;}
.abt_c3box{height:auto;}
.lx_c2rul li{width:calc(100% - 36px); margin-bottom:15px;}
}


.lx_con3{}
.lx_c3ul{ margin-top: 50px; display: flex; text-align: center; margin-bottom: 115px; background: url(../images/lx_c3bg.jpg) no-repeat center center; color:#fff; background-size:cover; border-radius:1em; }
.lx_c3ul li{ width:33.33%; position:relative;}
.lx_c3ul li:before{ content: ""; position: absolute; left: 0; top:100px; right: 0; bottom:100px; background: url(../images/lx_c3hbg.jpg) no-repeat center center; border-radius:1em; background-size:cover; transition:all 0.5s ease; opacity:0; box-shadow:0 12px 30px rgba(204,36,44,0.3);}
.lx_c3ul li.on:before{ top:-22px; bottom:-22px; opacity:1;}
.lx_c3item{display:flex; flex-direction:column; justify-content:center; height: 220px; color:#fff; text-align:center; position:relative; z-index:1; cursor:pointer;}
.lx_c3item strong{ font-size: 20px; line-height: 28px; display: block; position: relative; margin-bottom: 24px; font-weight:normal; letter-spacing:1px; }
.lx_c3item strong:after{content:""; width:26px; height:3px; background:var(--cor); transition:all 0.5s ease; left:50%; margin-left:-13px; bottom:-16px; position:absolute}
.lx_c3item p{ font-size: 24px; line-height: 32px; }
.m2pt_des{ font-size:16px; line-height:26px; margin-top:20px;}
.m2pt_des_c{ text-align:center;}
.lx_c3ul li.on .lx_c3item strong:after{ background:#fff;}
.m2lx_form{ margin-top:2.6vw; max-width:735px; margin-left:auto; margin-right:auto;}
.m2lx_form li{ width:calc(100% - 10px); margin:0 5px 10px;}
.m2lx_form li:nth-child(2),
.m2lx_form li:nth-child(3){ width:calc(50% - 10px);}
.m2lx_int{ position:relative;}
.m2lx_int input{ width:100%; border:1px solid #E6E6E6; color:#555; padding:0 40px; line-height:58px; height:60px; border-radius:0.6em; font-size:14px;}
.m2lx_int input:focus,.m2lx_area textarea:focus{ border:1px solid #ccc; color:#333;}
.m2lx_int strong{ color:var(--cor); position:absolute; left:26px; top:7px; line-height:50px;}
.m2lx_int select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E6E6E6; background: transparent url(../images/lx_ar.png) no-repeat right 25px center; padding-right: 60px; opacity: 1; color: #aaa; width: 100%; height: 60px; padding-left: 40px; border-radius: 0.6em; font-size: 14px; line-height: 58px; }
.m2lx_area{ position:relative;}
.m2lx_area textarea{ width:100%; border:1px solid #E6E6E6; color:#555; padding:16px 40px; line-height:26px; height:60px; border-radius:0.6em; height:180px; font-size:14px;}
.m2lx_nums{ font-size:14px; line-height:20px; color:#808080; position:absolute; right:12px; bottom:12px;}
.m2lx_form button{ margin-top:20px; text-align:center; width:100%; line-height:60px; background:var(--cor); font-size:22px; border-radius:2em; color:#fff; transition:all 0.5s ease; cursor:pointer; letter-spacing:2px;}
.m2lx_form button:hover{ box-shadow:0 12px 30px rgba(204,36,44,0.3); transform:translateY(-5px);}
@media (max-width:1799px){
.lx_c3item{height:160px;}
.lx_c3item strong{font-size:18px; line-height:26px;}
.lx_c3item p{font-size:20px; line-height:30px;}
.m2lx_int input{line-height:48px; height:50px; padding:0 30px;}
.m2lx_int select{height: 50px;line-height: 48px; padding-left:30px; }
.m2lx_area textarea{height:120px; padding:12px 30px;}
.m2lx_int strong{ line-height:40px; left:18px;}
.m2lx_form button{ margin-top:15px; line-height:50px; font-size:20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.lx_c3ul li:before{display:none;}
.lx_c3ul{flex-wrap:wrap; padding:25px 0; margin-top:25px; margin-bottom:12vw}
.lx_c3ul li{width:100%;}
.lx_c3item{height:110px;}
.m2pt_des{font-size:12px; line-height:24px; margin-top:10px}
.m2lx_form{margin-top:25px;}
.m2lx_form li {width: calc(100% - 10px)!important;}
.m2lx_form button{font-size:16px;}
}


.esg_con1{ padding:9.63vw 0; background-size:cover;}
.esg_c1box{display:flex; justify-content:space-between; }
.esg_c1txt{ display: flex; flex-direction: column; justify-content: center; width: 55.55%; font-size: 21px; line-height: 30px; text-align:justify; color:#fff; letter-spacing:1px;}
.esg_c1rx{ width:38.95%; background:rgba(255,255,255,0.95); border-radius:1em; padding:2.6vw;}
.esg_c1rx dt{ line-height:88px; background:#23292E; color:#fff; border-radius:0.8em; font-size:18px; display:flex;}
.esg_c1w1 dt span{}
.esg_c1w1{ padding:0 0 0 1.6vw; width:31.2%;}
.esg_c1w2{ padding:0 0 0 1.6vw; width:31.2%;}
.esg_c1w3{ padding:0 0 0 1.6vw; width:37.6%;}
.esg_c1rx dd{ padding:25px 0; display:flex; border-bottom:1px solid #ddd;}
.esg_c1rx dd:last-child{border-bottom:none;}
.esg_c1rx dd .esg_c1w1{display:flex; flex-direction:column; justify-content:center;}
.esg_c1rx dd .esg_c1w2{ font-size:14px; line-height:18px;display:flex; flex-direction:column; justify-content:center;}
.esg_c1rx dd .esg_c1w3{display:flex; flex-direction:column; justify-content:center;}
.esg_c1rx dd .esg_c1w3 img{height:33px; width:auto;}
.esg_c1rx dd .esg_c1w1 span{ font-size: 22px; color: #e52239; display: block; }
.esg_c1rx dd .esg_c1w1 p{ font-size: 18px; line-height: 22px; margin-top:2px; }
@media (max-width:1799px){
.esg_c1txt{font-size: 16px; line-height:26px;}
.esg_c1rx dt{ line-height:68px; font-size:16px;}
.esg_c1rx{padding:20px;}
.esg_c1rx dd{ padding:10px 0;}
.esg_c1rx dd .esg_c1w2{ font-size:12px; line-height:18px;}
.esg_c1rx dd .esg_c1w3 img{height:30px; width:auto;}
.esg_c1rx dd .esg_c1w1 span{ font-size: 22px;}
.esg_c1rx dd .esg_c1w1 p{ font-size: 16px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.esg_c1box{flex-wrap:wrap;}
.esg_c1txt{width:100%;}
.esg_c1rx{width:100%; margin-top:25px;}
}
@media (max-width:767px){
.esg_c1txt{font-size:14px; line-height:24px;}
.esg_c1rx{padding:12px;}
.esg_c1rx dt{font-size:14px; line-height:56px;}
.esg_c1w1{padding-left:8px;}
}


.esg_con2{}
.esg_c2dls{}
.esg_c2dls dd{}
.esg_c2dls dd .coverImg{ height:800px; border-radius:2em; overflow:hidden;}
.esg_c2txt{ position:absolute; left:6.25%; top:0; bottom:0; width:100%; width:50%; color:#fff;display:flex; flex-direction:column; justify-content:center;}
.esg_c2st{}
.esg_c2st strong{ font-size: 72px; line-height: 72px; text-transform: uppercase; display:block; font-weight:normal; color:rgba(255,255,255,0.08); transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.esg_c2st h4{ font-size: 48px; line-height: 52px; font-weight: normal; display: block; letter-spacing: 2px; margin-top: -45px;  transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.esg_c2st p{ font-size: 24px; line-height: 36px; letter-spacing: 1px; margin-top: 10px;  transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.esg_c2des{ font-size: 20px; line-height: 30px; text-align: justify; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.3); letter-spacing:1px; padding-right:20px; transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.on .esg_c2st strong{ opacity:1; transform:translateY(0px); transition-delay:0s;}
.on .esg_c2st h4{ opacity:1; transform:translateY(0px); transition-delay:0.2s;}
.on .esg_c2st p{ opacity:1; transform:translateY(0px); transition-delay:0.3s;}
.on .esg_c2des{ opacity:1; transform:translateY(0px); transition-delay:0.4s;}
.esg_c2bom{ margin-top:14px; position:relative; height:110px; padding-right:200px;}
.esg_c2bom:before{content:""; height:3px; position:absolute; left:0; right:0; bottom:0; background:#EBEBEB;}
.esg_c2dot{ position:relative; z-index:1;}
.esg_c2dot dd{ padding:0 2.6vw; position:relative;}
.esg_c2dot dd span{ font-size: 16px; line-height: 110px; transition:all 0.5s ease; letter-spacing:1px; cursor:pointer; display:inline-block; position:relative; }
.esg_c2dot dd.slick-current span{ font-size: 22px; font-weight: normal; padding-left: 35px; }
.esg_c2dot dd span i{ height: 22px; width: 22px; border: 2px solid var(--cor); position:absolute; left:0; top:50%; margin-top:-11px; border-radius:0.1em; transition:all 0.5s ease; opacity:0; }
.esg_c2dot dd span i:after{content:""; width:8px; height:8px; background:var(--cor); position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-4px;}
.esg_c2dot dd.slick-current span i{opacity:1; transition-delay:0.2s;}
.esg_c2dot dd:after{content:""; height:3px; background:var(--cor); position:absolute; left:50%; bottom:0; width:0%; transition:all 0.5s ease; transform:translateX(-50%);}
.esg_c2dot dd.slick-current:after{width:100%;}
.esg_c2btns{ width:128px; height:56px;display:flex; justify-content:space-between; position:absolute; right:0; bottom:28px; }
.esg_c2btns .prev{ width: 56px; height: 56px; border-radius: 50%; background: url(../images/esg_btn.png) no-repeat center center; cursor:pointer; }
.esg_c2btns .next{width: 56px; height: 56px; border-radius: 50%; background: url(../images/esg_btn.png) no-repeat center center; transform:rotate(180deg); cursor:pointer; }
.esg_c2btns .prev:hover,.esg_c2btns .next:hover{ background:var(--cor) url(../images/esg_btn2.png) no-repeat center center;box-shadow:0 12px 35px rgba(204,36,44,0.3); }
.esg_c2btns .next:hover{box-shadow:0 -12px 35px rgba(204,36,44,0.3); }
@media (max-width:1799px){
.esg_c2dls dd .coverImg{ height:500px;}
.esg_c2st strong{ font-size:58px; line-height: 58px;}
.esg_c2st h4{ font-size: 32px; line-height: 32px; margin-top: -30px;}
.esg_c2st p{ font-size: 20px; line-height: 32px; margin-top: 8px;}
.esg_c2des{ font-size: 15px; line-height: 24px; margin-top: 20px; padding-top: 20px;}
.esg_c2bom{ margin-top:10px; height:80px; padding-right:180px;}
.esg_c2bom:before{height:2px;}
.esg_c2dot dd{ padding:0 2vw;}
.esg_c2dot dd span{ font-size: 15px; line-height: 80px; }
.esg_c2dot dd.slick-current span{ font-size: 18px; padding-left: 32px; }
.esg_c2dot dd span i{ height: 20px; width: 20px; border: 1px solid var(--cor); margin-top:-10px; }
.esg_c2dot dd span i:after{ width:6px; height:6px; margin-left:-3px; margin-top:-3px;}
.esg_c2dot dd:after{height:2px;}
.esg_c2btns{ width:108px; height:42px; bottom:18px; }
.esg_c2btns .prev{ width: 42px; height: 42px;}
.esg_c2btns .next{width: 42px; height: 42px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.esg_c2dot{display:none;}
.esg_c2btns{right:50%; margin-right:-54px;}
.esg_c2st strong{font-size:38px; line-height:38px;}
.esg_c2st h4{font-size:24px; line-height:30px;}
.esg_c2txt{width:auto; left:15px; right:15px;}
.esg_c2des{font-size:14px;}
.esg_c2dls dd .coverImg{height:460px;}
.esg_c2dls dd .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3);}
.esg_con1{padding:12vw 0;}
.esg_c2bom{height:66px;}
}


.oem_page{ background-size:100% auto; background-repeat:no-repeat; background-position:center top;}
.oem_c1anix{ position:relative; max-width:808px; margin:0 auto;}
.oem_c1img1{ display:block;}
.oem_c1img2{ position:absolute; left:0px; top:0px;}
.oem_c1img3{ position:absolute; left:10px; top:-10px; animation:RturnAni 15s linear infinite;}
.oem_c1txt{ color:#fff; width:360px; position:absolute; left:50%; margin-left:-165px; top:50%; transform:translateY(-50%); text-align:center}
.oem_c1txt strong{ display:block;}
.oem_c1txt p{ font-size:26px; margin-top:20px; line-height:32px; letter-spacing:1px;}
.oem_c1item{ width:0; height:0; position:absolute; text-align:center; color:#fff;}
.oem_c1lay{ text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff;}
.oem_c1lay strong{ white-space: nowrap; display: block; font: 26px/26px din; }
.oem_c1lay p{ white-space: nowrap; font-size: 18px; line-height: 24px; margin-top:3px; }
.oem_c1item1{ left:33.41%; top:15.96%;}
.oem_c1item2{ left:15.09%; top:43.31%;}
.oem_c1item3{ left:18.81%; top:63.73%;}
.oem_c1item4{ left:38.36%; top:81.18%;}
.oem_c1item5{ left:63.73%; top:81.18%;}
.oem_c1item6{ left:84.15%; top:63.73%;}
.oem_c1item7{ left:88.11%; top:43.31%;}
.oem_c1mimg{ text-align:center;}
.oem_bmcon{ margin-top:25px;}
.oem_bmbox{ position:relative;}
.oem_bmx1{ background: url(../images/oem_sq.png) no-repeat center center; height: 90px; background-size:100% 100%; padding:21px 8vw;justify-content:space-around; display:flex;}
.oem_bmx1 span{ font-size: 14px; line-height: 18px; width: 298px; height:48px; color: #FFF; text-align: center; position: relative; display:flex; flex-direction:column; justify-content:center;background-image: linear-gradient(135deg,#4E75A5 20%,#0F417F 90%); border-radius:2em; }
@keyframes oem_ar1 {
	0% {
		transform:translateX(0px); opacity:0;
	}
	20% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
  		transform:translateX(20px); opacity:0;
	}
}
@keyframes oem_ar2 {
	0% {
		transform:translateY(0px); opacity:0;
	}
	20% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
  		transform:translateY(18px); opacity:0;
	}
}
.oem_bmx1 span:after{ content: ""; background: url(../images/oem_sar1.png) no-repeat center center; height: 28px; width: 28px; position: absolute; top: 50%; right: -42px; margin-top: -14px; animation:oem_ar1 2s linear infinite; }
.oem_bmx1 span:nth-child(2):after{animation-delay:0.5s;}
.oem_bmx1 span:last-child:after{display:none;}
.oem_bmx2{background-image: linear-gradient(180deg,#083267 20%,#2E5B93 90%); padding:22px; text-align:center; color:#fff; font-size:18px; line-height:24px; }
.oem_bmx3{ background:#E8EDF3; padding:40px 30px 62px; position:relative; margin-bottom:50px;}
.oem_bmx3:before{content:""; background:rgba(26,76,138,0.3); position:absolute; left:25px; right:25px; bottom:-20px; height:20px;}
.oem_bmx3:after{content:""; background:rgba(26,76,138,0.1); position:absolute; left:50px; right:50px; bottom:-40px; height:40px;}
.oem_bmx3t{ font-size: 28px; color: #092a53; line-height: 38px; text-align: center; }
.oem_bmx3dls{display:flex; justify-content:space-between; margin-top:35px;}
.oem_bmx3dls dd{ text-align:center; position:relative; padding-top:64px; width:100%;}
.oem_bmx3dls dd:before{content:""; background: url(../images/oem_sar2.png) no-repeat center center; height: 41px; width: 51px; position: absolute; left: 50%; top: -18px; margin-left: -25px; animation:oem_ar2 2s linear infinite; }
.oem_bmx3dls dd:after{content:""; position:absolute; width:1px; background:#D0D8E2; top:64px; bottom:0; right:0}
.oem_bmx3dls dd:last-child:after{display:none;}
.oem_bmx3dls dd strong{ font-size: 18px; font-weight: normal; line-height: 48px; text-align: center; display: block; margin: 0px auto; width: 190px; border: 1px solid #A5B2C3; color: #092a53; }
.oem_bmx3dls dd p{ font-size: 20px; color: #092a53; line-height: 26px; margin-top: 8px; }
.oem_bmx3img{ height:160px; margin-top:5px; position:relative;}
.oem_bmx3img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
@media (max-width:1799px){
.oem_c1txt p{ font-size:18px; line-height:28px; margin-top:12px; letter-spacing:1px}
.oem_c1lay p{font-size:12px; line-height:20px;}
.oem_c1anix{max-width:600px;}
.oem_bmx1 span{width:240px; font-size:12px;}
.oem_bmx1 span:after{right:-35px;}
.oem_bmx2{padding:15px; font-size:15px; line-height:22px;}
.oem_bmx3t{font-size:20px; line-height:30px;}
.oem_bmx3dls dd strong{font-size:15px; line-height:40px; width:168px;}
.oem_bmx3dls{margin-top:25px;}
.oem_bmx3dls dd:before{background-size:35px auto;}
.oem_bmx3dls dd{padding-top:55px;}
.oem_bmx3img{height:120px;}
.oem_bmx3:before{left:15px; right:15px; bottom:-10px; height:10px;}
.oem_bmx3:after{left:30px; right:30px; bottom:-20px; height:20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.oem_bmx3dls dd strong{width:auto; margin:0 4px; font-size:13px;}
}
@media (max-width:993px){
.oem_c1mimg img{max-width:500px; height:auto;}
.oem_bmx3dls{margin-left:-25px; margin-right:-25px;}
.oem_bmx3dls dd strong{line-height:18px; height:42px;display:flex; flex-direction:column; justify-content:center;}
}
@media (max-width:767px){
.oem_c1mimg img{max-width:100%;}
.oem_page{padding-top:15vw;}
.oem_bmcon{width:100%; overflow-x:auto;}
.oem_bmbox{width:720px;}
.oem_bmx1{padding-left:70px; padding-right:70px;}
}


.tor_con1{ background-size:cover; color:#fff;}
.tor_con1 .m2banTxt{ position:relative; top:0; transform:translateY(0)}
.tor_topt{display:flex; justify-content:space-between; flex-direction:row-reverse; margin-top:3vw;}
.tor_code{ font-size:22px; line-height:32px;}
.tor_code strong{ display: block; font: 140px/140px din;}
.tor_ttxl{ font-size:18px; line-height:32px; letter-spacing:1px; padding-top:80px;}
.tor_ttxl strong{ display:block; font-size:26px; line-height:38px; font-weight:normal;}
.tor_number{ margin-top:3vw;display:flex; justify-content:space-between; padding:2vw 0; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); }
.tor_number dd{ width:33.33%; padding:12px 2vw 24px; position:relative; border-right:1px solid rgba(255,255,255,0.2);}
.tor_number dd:last-child{border:none;}
.tor_numtp{display:flex; justify-content:space-between; }
.tor_nsm{ padding:0 32px 0 22px;}
.tor_nsm p{ font-size:20px; line-height:32px; letter-spacing:1px;}
.tor_nsm strong{ display: block; font: normal 18px/50px din; margin-top:3px; }
.tor_nsm strong span{ font-size: 50px; color:#ff020e;}
.tor_linx{ position:relative; height:126px; margin-top:20px;}
.tor_c1ico{ position: absolute; left: 24px; bottom: 18px; }
.tor_li{ position:absolute; left:0; right:0; top:0;}
.tor_li i{ height:1px; display:block; background:rgba(255,255,255,0.2); margin-bottom:62px;}
.tor_li i:last-child{ margin-bottom:0;}
.tor_xz{ display:flex;justify-content:flex-end; padding-right:50px;}
.tor_nnx{ width:30px; position:relative; height:126px;}
.tor_nnx i{ background:#fff; position:absolute; left:0; bottom:0; right:0; font-style:normal;}
.tor_nnx i span{ white-space:nowrap; position:absolute; left:50%; transform:translateX(-50%); font-size:14px; line-height:20px; top:-25px;}
.tor_nnx2{ background: url(../images/tor_ban_ico.png) no-repeat center center; height: 126px; width: 30px; margin-left:20px;}
@media (max-width:1799px){
.tor_code{font-size:18px; line-height:30px;}
.tor_ttxl{font-size:16px; line-height:30px; padding-top:55px;}
.tor_ttxl strong{font-size:22px;}
.tor_code strong{font-size:100px; line-height:100px;}
.tor_nsm p{font-size:16px;}
.tor_nsm strong span{font-size:36px;}
.tor_nsm strong{font-size:16px; line-height:36px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.tor_number dd{padding-left:1vw; padding-right:1vw;}
}
@media (max-width:993px){
.tor_nsm p{font-size:13px;}
.tor_nsm{padding:0 10px;}
.tor_nsm strong span{font-size:34px;}
}
@media (max-width:767px){
.tor_topt{flex-wrap:wrap;}
.tor_code strong {font-size: 44px;line-height: 58px;}
.tor_ttxl {	padding-top: 0px;}
.tor_ttxl strong{font-size:18px;}
.tor_number{flex-wrap:wrap;}
.tor_number dd{width:100%;}
}


.tor_page{}
.tor_con2{}
.tor_adx{ display:block; background-size:cover; border-radius:0.8em; padding:0 5.5vw; color:#fff; height:456px;display:flex; flex-direction:column; justify-content:center; box-shadow:0 12px 35px rgba(52,60,67,0.3); position:relative}
.tor_adx_txt{ color:#fff;}
.tor_adx_txt strong{ font-size: 44px; line-height: 54px; letter-spacing: 2px; font-weight: normal; }
.tor_adx_txt p{ font-size: 26px; line-height: 32px; margin-top: 10px; color:rgba(255,255,255,0.4);}
.tor_adx_txt span{ display:block; font-size:14px; line-height:24px; margin-top:70px; color:rgba(255,255,255,0.7); transition:all 0.5s ease;}
.tor_adx:hover{ box-shadow:0 12px 35px rgba(204,36,44,0.3);}
.tor_adx:hover .tor_adx_txt span{color:#fff;}
.tor_adx:after{ content: ""; background: url(../images/tor_c1ar.png) no-repeat center center; height: 36px; width: 58px; position: absolute; right: 80px; bottom: 98px; transition:all 0.5s ease;}
.tor_adx:hover:after{right:66px;}
.tor_tab{ margin-top:4vw;}
.tor_tab a{ font-size:32px; color:#999999; letter-spacing:2px; display:inline-block; margin-right:24px; position:relative}
.tor_tab a.on{ font-size:44px; color:#333; padding-left:24px;}
.tor_tab a:hover{color:#333;}
.tor_tab a.on:after{content:""; width:10px; height:10px; background:var(--cor); position:absolute; left:0; top:50%; margin-top:-5px;}
.tor_list{ margin:2.5vw -10px; padding-bottom:40px; border-bottom:2px solid #333;}
.tor_list li{ width:calc(25% - 20px); margin:0 10px 20px;}
.tor_itm{ display:block; padding:30px 30px; height:250px; background:#F9F9F9; border-radius:0.6em; position:relative}
.tor_tm{ text-align: center; height: 90px; transition:all 0.5s ease; width: 90px; padding-top: 15px; background: #F2F2F2; border-radius: 0.6em; font-family: din; }
.tor_tm strong{ display: block; font-size: 38px; line-height: 38px; }
.tor_tm p{ font-size:16px; line-height:24px;}
.tor_itm strong.elis{ font-size: 18px; line-height: 28px; letter-spacing: 1px; font-weight: normal; margin-top: 22px; -webkit-line-clamp:2; color:#333;}
.tor_itm:after{ content: ""; background: url(../images/tor_ar2.png) no-repeat center center; height: 10px; width: 7px; position: absolute; bottom: 30px; left: 30px; transition:all 0.5s ease; opacity:0}
.tor_itm:hover .tor_tm{color:#fff; background:var(--cor);}
.tor_itm:hover:after{opacity:1;}
.tor_itm:hover{background:#fff; box-shadow:0 12px 35px rgba(0,0,0,0.15);}
@media (max-width:1799px){
.tor_adx{ padding:0 3.5vw; height:380px;}
.tor_adx_txt strong{ font-size: 32px; line-height: 42px;}
.tor_adx_txt p{ font-size: 20px; line-height: 26px;}
.tor_adx:after{ background-size:45px auto; width: 45px; right: 50px; bottom: 75px;}
.tor_adx:hover:after{right:40px;}
.tor_tab a{ font-size:20px; margin-right:20px;}
.tor_tab a.on{ font-size:30px; padding-left:22px;}
.tor_tab a.on:after{width:8px; height:8px; margin-top:-4px;}
.tor_list{ padding-bottom:30px; border-bottom:1px solid #333;}
.tor_itm{ padding:20px 20px; height:220px;}
.tor_tm{height: 80px; width: 80px; padding-top: 12px;}
.tor_tm strong{font-size: 30px; line-height: 30px; }
.tor_itm strong.elis{ font-size: 15px; line-height: 24px; margin-top: 20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.tor_adx_txt strong{font-size:22px; line-height:36px;}
.tor_adx{height:300px;}
.tor_tab a.on{font-size:26px;}
.tor_list li{ width:calc(50% - 20px)}
.tor_list{margin-bottom:30px; padding-bottom:22px;}
}
@media (max-width:767px){
.tor_adx{padding-left:15px; padding-right:15px;}
.tor_adx_txt strong{font-size:20px; line-height:32px;}
.tor_adx_txt p{font-size:16px; line-height:22px;}
.tor_adx{height:250px;}
.tor_adx:after { transform:scale(0.6); transform-origin:right bottom;right: 20px;bottom: 28px;}
.tor_tab{margin-top:11vw;}
.tor_tab a.on{font-size:22px;}
.tor_tab a{font-size:18px;}
.tor_list li {width: calc(100% - 20px); margin-bottom:15px;}
}


.hor_page{ background-size:cover; color:#fff; padding-top:10vw; padding-bottom:2vw;}
.hor_page .m2banTxt{ position:relative; top:0; transform:translateY(0)}
.hor_con{ margin-top:3vw; background:rgba(255,255,255,0.1); padding:38px 50px 4.16vw;backdrop-filter: blur(12px); border-radius:1em; box-shadow:0 12px 35px rgba(52,60,67,0.6);}
.hor_list{ margin-bottom:2vw;}
.hor_list li{ width:33.33%; padding:0 30px;}
.hor_item{ display:block; position:relative; height:160px; padding:0 32px;display:flex; flex-direction:column; justify-content:center; text-align:center;}
.hor_item:before{ content: ""; background: url(../images/hor_li.png) no-repeat center center; height: 52px; width: 28px; margin-top: -26px; position: absolute; left: 0px; top: 50%; }
.hor_item:after{content:""; background: url(../images/hor_ri.png) no-repeat center center; height: 52px; width: 28px; margin-top: -26px; position: absolute; right: 0px; top: 50%; }
.hor_item strong{ color: #fff; font: 24px/22px din; display:block; }
.hor_item p{ color: #fff; font-size: 18px; line-height: 24px; margin-top: 6px; letter-spacing:1px; }
.hor_img{ text-align:center; margin-top:6vw;}
.hor_page,.hor_page a{ color:#fff!important;}
@media (max-width:1799px){
.hor_con{padding:20px 25px 3.16vw;}
.hor_list li{padding:0 20px;}
.hor_item p{font-size:14px; line-height:22px;}
.hor_item{height:130px;}
.hor_img{max-width:1000px; margin-left:auto; margin-right:auto;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hor_item p{font-size:12px; line-height:20px;}
}
@media (max-width:993px){
.hor_list li{width:50%;}
.hor_con{padding-bottom:50px;}
}
@media (max-width:767px){
.hor_con{padding-left:15px; padding-right:15px;}
.hor_list li{width:100%; padding:0}
.hor_page{padding-top:15vw;}
.hor_img{margin-top:10vw;}
}


.nlbody .headTop{ width:100%; position:fixed; left:0; top:0;}
.nlbody .header{width:100%; position:fixed; left:0; top:50px; transition:none}
.hm_page1{ padding-top:130px;}
.nlbg{color:#fff; background-size:cover;}
.nltxt{max-width:720px; color:#fff; padding-left:30px;}
.nltxt strong{ font-size: 46px; line-height: 46px; font-weight: normal; display: block; letter-spacing:2px; position:relative;transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.nltxt strong:after{ content: ""; background: url(../images/nl_tline.png) no-repeat center center; width: 6px; height: 40px; margin-top: -20px; position: absolute; top: 50%; left: -30px; }
.nlp{ font-size: 20px; line-height: 30px; text-align: justify; margin-top: 25px; transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .nltxt strong,
.active2 .nltxt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.active .nlp,
.active2 .nlp{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
#rmenu{position:fixed; z-index:5; top:50%; transform:translateY(-50%); right:10px; background:rgba(255,255,255,0.2); border:1px solid #fff; border-radius:0.8em; padding:8px; display:none;}
#rmenu li:first-child{display:none;}
#rmenu li:first-child + li{border:none;}
#rmenu li .rmenum_a{ font-size:15px; line-height:24px; color:#fff; text-align:center; display:block; padding:12px 20px; border-radius:0.8em;}
#rmenu li{border-top:1px solid rgba(255,255,255,0.6); transition:all 0.5s ease;}
#rmenu li.active,#rmenu li.active + li {border:none;}
#rmenu li.active .rmenum_a{background-image: linear-gradient(0deg,#881A1F 20%,#CC242C 90%);}
#rmenu li.active + li .rmenum_a{}
.nlpeven .container{ display:flex; justify-content:flex-end;}
@media (max-width:1799px){
.nltxt strong{font-size:32px; line-height:32px;}
.nltxt strong:after{ width: 5px; height: 30px; margin-top: -13px; left: -28px; background-size:100% auto; }
.nlp{font-size:16px; line-height:28px;}
.nltxt{max-width:650px; padding-right:90px;}
#rmenu li .rmenum_a{padding:10px 18px; font-size:14px; line-height:22px;}
.hm_page1{ padding-top:120px;}
}
@media (max-width:1379px){
.nltxt {max-width: 600px;padding-right: 140px;}
.nltxt strong{font-size:30px;}
#rmenu li .rmenum_a{padding:8px 18px;}
}
@media (max-width:1199px){
.hm_page1{padding-top:0;}
.nltxt{padding-bottom:35px;}
.nlp{font-size:14px; line-height:26px;}
.nlbody .headTop{display:none!important;}
}
@media (max-width:993px){
#fullpage .section{}
.nltxt strong{opacity:1; transform:translateY(0);}
.nlp{opacity:1; transform:translateY(0); margin-top:16px;}
.nltxt{padding-top:15vw; padding-bottom:15vw; max-width:350px; padding-left:25px; padding-right:25px;}
.nltxt strong{font-size:24px; line-height:24px;}
}
@media (max-width:767px){
.nlp{font-size:12px; line-height:22px;}
.nlbg{position:relative;}
.nlbg:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3)}
.nlbg .container{position:relative; z-index:1;}
}


.csbg{color:#fff; background-size:cover;}
.cs_item{ padding:0 5.2vw;display:flex; justify-content:space-between;color:#fff;}
.cs_txt{ height:100vh;display:flex; flex-direction:column; justify-content:center; max-width:950px; padding-top:70px;}
.cs_t{ position:relative; padding-bottom:15px;transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; }
.cs_t strong{ font-size: 40px; line-height: 48px; color: rgba(255,255,255,0.05); display: block; font-weight: normal; text-transform: uppercase; }
.cs_t p{ font-size: 34px; line-height: 46px; width:100%; position:absolute; bottom:0; left:0; right:0; letter-spacing:1px; }
.cs_p{ margin-top:15px;transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; }
.cs_p p{ font-size: 14px; line-height: 22px; padding-left: 15px; position:relative;}
.cs_p p:before{content:""; width:4px; height:4px; background:#fff; position:absolute; left:0; top:9px; border-radius:50%;}
.cs_img{ margin-top:1.6vw;transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; }
.cs_img img{}
.cs_item2{justify-content:flex-end;}
.cs_page12{position:relative;}
.cs_page12 .cs_txt{padding-top:0px; padding-bottom:20px;}
.cs_bom{ background:rgba(255,255,255,0.85); position:absolute; left:0; right:0; bottom:0; padding:25px 190px 25px 60px;}
.cs_bmdls{}
.cs_bmdls dd{ padding-right:40px;}
.cs_bma{ display:block; line-height:36px; font-size:16px; position:relative;}
.cs_bma i{ height: 16px; width: 16px; margin-top: -7px; position: absolute; left: 0px; top: 50%; border: 2px solid var(--cor); border-radius:0.2em; transition:all 0.5s ease; opacity:0; }
.cs_bma i:after{content:""; width:6px; height:6px; background:var(--cor); position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px; border-radius:0.1em;}
.cs_bma:hover{ color:#333; padding-left:25px;}
.cs_bma:hover i{ opacity:1; transition-delay:0.2s;}
.cs_bmdls .slick-prev{ background: url(../images/esg_btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: auto; top: -2px; overflow: hidden; cursor: pointer; z-index: 1; right: -70px; transition:all 0.5s ease; border-radius:50%; }
.cs_bmdls .slick-next{ background: url(../images/esg_btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: auto; top: -2px; overflow: hidden; cursor: pointer; z-index: 1; right: -125px; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg);}
.cs_bmdls .slick-prev:hover,.cs_bmdls .slick-next:hover{ background:var(--cor) url(../images/esg_btn2.png) no-repeat center center;box-shadow:0 12px 35px rgba(204,36,44,0.3);}
.cs_bmdls .slick-next:hover{box-shadow:0 -12px 35px rgba(204,36,44,0.3); }
.active .cs_t,.active2 .cs_t{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.active .cs_p,.active2 .cs_p{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.active .cs_img,.active2 .cs_img{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
@media (max-width:1799px){
.cs_t strong{font-size:30px; line-height:36px;}
.cs_t p{font-size:24px; line-height:36px;}
.cs_p{margin-top:8px;}
.cs_p p{font-size:12px; line-height:20px;}
.cs_img img{ max-height:350px; width:auto;}
.cs_bma{font-size:14px;}
.cs_bom{padding-top:15px; padding-bottom:15px;}
}
@media (max-width:1379px){
.cs_img img{height:240px;}
.cs_txt{max-width:700px;}
}
@media (max-width:1199px){
.cs_txt{padding-top:0px; padding-bottom:30px;}
.cs_img img{height:180px;}
}
@media (max-width:993px){
.cs_t{opacity:1; transform:translateY(0);}
.cs_p{opacity:1; transform:translateY(0);}
.cs_img{opacity:1; transform:translateY(0);}
.cs_txt{height:auto; padding:15vw 0;}
.cs_page1,.cs_page2,.cs_page3,.cs_page4,.cs_page5,.cs_page6,
.cs_page7,.cs_page8,.cs_page9,.cs_page10,.cs_page11,.cs_page12{ position:relative; border-bottom:2px solid #43647A}
.cs_page1:after,.cs_page2:after,.cs_page3:after,.cs_page4:after,.cs_page5:after,.cs_page6:after,
.cs_page7:after,.cs_page8:after,.cs_page9:after,.cs_page10:after,.cs_page11:after,.cs_page12:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(38,49,57,0.85);}
.cs_item{position:relative; z-index:1;}
.cs_img{margin-top:25px;}
.cs_img img{height:300px;}
.cs_page1,
.cs_page3,
.cs_page5,
.cs_page7,
.cs_page9,
.cs_page11{background-position:right center;}
.cs_page12 .cs_txt{padding-top:15vw; padding-bottom:20vw;}
.cs_bom{z-index:3;}
.cs_txt{width:100%;}
}
@media (max-width:767px){
.cs_t strong{font-size:22px; line-height:26px;}
.cs_t p{font-size:20px; line-height:32px;}
.cs_img img{width:100%; height:auto;}
.cs_bom{padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:50px;}
.cs_bmdls dd{padding-right:10px;}
.cs_bom{display:none;}
}


.his_page{ background: url(../images/his_bg.jpg) no-repeat center top; background-size:cover; padding-top:11.45vw; position:relative; overflow:hidden;}
.his_page:before{content:"";width: 100%; height: 590px; position: absolute; left: 0; top: -280px; background: url(../images/hmc2yun.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite; opacity: 0.8;}
.his_content{ position:relative; z-index:1;}
.his_t{}
.his_t strong{ font-size: 220px; line-height: 190px; display: block; font-weight: normal; color: #fff; text-transform: uppercase;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.his_t h4{ font-size: 60px; line-height: 60px; letter-spacing: 2px; font-weight: normal; display: block; color:#fff; margin-top:2vw;}
.his_t p{ font-size: 22px; line-height: 36px; margin-top: 20px; color:#fff;}
.his_t p a{ font-size: 20px; color: #FFF!important; display: inline-block; }
.his_t p span{display:inline-block; margin:0 10px;}
.his_t p a.on,.his_t p a:hover{ font-size:24px;}
.his_yrs{ text-align:center; margin-top:205px; color:#fff;}
.his_year{ line-height:200px; font-size:70px; height:380px;}
.his_year span{ font-size:380px; color:var(--cor); font-family:din_b; display:inline-block; top:100px; position:relative}
.his_st{ color:#fff;}
.his_st strong{ font-size: 52px; line-height: 52px; font-weight: normal; letter-spacing: 2px; }
.his_st p{ font-size: 30px; line-height: 36px; margin-top: 15px; }
.his_ul1{ margin-top: 45px; padding-top: 55px; border-top: 1px solid rgba(255,255,255,0.3); color:#fff; }
.his_ul{}
.his_ul li{ padding-bottom:66px; padding-left:130px; position:relative;}
.his_syr{ font-size: 26px; line-height: 30px; position: absolute; left: 0px; top: 0px; padding-left: 32px; }
.his_syr:before{ content: ""; background: #FFF; height: 20px; width: 20px; border: 4px solid #CC242C; position: absolute; left: 0px; top: 5px; border-radius:50%;}
.his_ul li:after{content:""; width:1px; position:absolute; left:9px; top:20px; bottom:0; border-left:1px dashed rgba(255,255,255,0.3);}
.his_ul li:last-child{padding-bottom:0;}
.his_ul li:last-child:after{display:none;}
.his_even{ font-size: 18px; line-height: 30px; }
.his_top{ padding-bottom: 450px; background: url(../images/his_yun.png) no-repeat center bottom; background-size:100% auto; }
.his_bom{ background: #e8f0f9 no-repeat center top; padding-bottom: 180px; position: relative; background-size: 100% auto; }
.his_bom .container{display:flex; justify-content:space-between; padding-top:35px;flex-direction:row-reverse;}
.his_bmRx .his_year span{ color:#0F417F;}
.his_bmRx .his_st{ color:#000; text-align:center}
.his_ul2 .his_syr:before{ background:#fff; border:4px solid #0F417F;}
.his_ul2 li:after{ border-left:1px dashed #99B1CE;}
.his_ul2 .his_syr{ color:#0F417F;}
.his_part1{top:80px;}
@media (max-width:1799px){
.his_t strong{ font-size: 160px; line-height: 140px;}
.his_t h4{ font-size: 40px; line-height: 40px;}
.his_t p{ font-size: 18px; line-height: 30px; margin-top: 18px;}
.his_t p a{ font-size: 18px;}
.his_t p a.on,.his_t p a:hover{ font-size:20px;}
.his_yrs{ margin-top:140px;}
.his_year{ line-height:160px; font-size:50px; height:300px;}
.his_year span{ font-size:300px; top:80px;}
.his_st strong{ font-size:32px; line-height: 40px; }
.his_st p{ font-size: 22px; line-height: 30px; margin-top: 12px; }
.his_ul1{ margin-top: 35px; padding-top: 45px; }
.his_ul li{ padding-bottom:40px; padding-left:120px;}
.his_syr{ font-size: 22px; line-height: 28px; top:1px; }
.his_even{ font-size: 16px; line-height: 28px; }
.his_top{ padding-bottom: 350px; }
.his_bom{ padding-bottom:120px;}
.his_bom .container{ padding-top:35px;}
.his_part1{top:50px;}
}
@media (max-width:1379px){
.his_st strong{font-size:30px;}
.his_t h4{font-size:38px; line-height:38px;}
}
@media (max-width:1199px){
.his_even{font-size:13px;}
.his_st strong{font-size:24px; line-height:36px;}
.his_st p{font-size:20px; line-height:28px;}
.his_t h4{font-size:32px; line-height:32px;}
}
@media (max-width:993px){
.his_t strong{font-size:120px; line-height:110px;}
.his_yrs{margin-top:10px;}
.his_year{ text-align:center}
.his_bom .container{flex-wrap:wrap;}
.his_bmRx{width:100%;}
.his_ul{width:100%;}
.his_ul2 {margin-top:35px;}
}
@media (max-width:767px){
.his_t{text-align:center;}
.his_t strong{font-size:52px; line-height:52px;}
.his_t h4{font-size:24px; line-height:30px;}
.his_t p{display:none;}
.his_year span{font-size:120px; top:30px;}
.his_year{font-size:30px; line-height:200px; line-height:120px; height:160px;}
.his_st strong{font-size:22px; line-height:30px;}
.his_ul1{padding-top:25px;}
.his_ul li{padding-left:32px; padding-top:35px; padding-bottom:15px;}
.his_even{font-size:12px; line-height:22px;}
.his_top{padding-bottom:100px;}
.his_bom .container{padding-top:0;}
.his_bom{padding-bottom:13vw;}
}


.rod_page{ background: url(../images/rod_bg.png) no-repeat center top; background-size:cover; padding-top:11.45vw; position:relative; overflow:hidden; background-size:100% 100%;}
.rod_page .his_t strong{ font-size: 180px; line-height: 180px;}
.rod_page .his_t h4{margin-top:3vw;}
.rod_content{ color:#fff;}
.rod_con1{ margin-top:10.41vw; position:relative; min-height:55vw; padding-top:10.41vw;}
.rod_c1img{ width:29.53vw; position:absolute; right:0; top:0; max-width:567px;}
.rod_con1 .container{}
.rod_t{}
.rod_t strong{ font-size: 60px; line-height: 60px; display: block; color: rgba(255,255,255,0.3); font-weight: normal; text-transform: uppercase; }
.rod_t p{ font-size: 48px; line-height: 60px; letter-spacing: 2px; margin-top:18px;}
.rod_c1ul{ margin-top:4.27vw;}
.rod_c1ul li{ margin-bottom:45px; display:flex;}
.rod_c1imgs{ display:flex; margin-right:10px;}
.rod_c1imgs span{ width:90px; height:90px; border:1px solid #fff; border-radius:50%; margin-right:10px; position:relative;}
.rod_c1imgs span:after{ content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%; border-right: 3px solid #6883A5; border-left: 3px solid #6883A5; border-top:3px solid transparent; border-bottom:3px solid transparent; animation:turnAni 3s linear infinite;}
.rod_c1imgs span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:75%; max-height:75%; width:auto; height:auto;}
.rod_c1imgs span:after{content:"";}
.rod_c1des{ min-height:90px;display:flex; flex-direction:column; justify-content:center;}
.rod_c1des strong{ display: block; font: 40px/40px din; color:rgba(255,255,255,0.3); margin-bottom:6px;}
.rod_c1des p{ font-size:18px; line-height: 26px; }
.rod_c1ul li:nth-child(8){}
.rod_part1{}
.rod_part2{}
.rod_con2{ position:relative; margin-top:11.71vw; padding-top:14.84vw; padding-bottom:5.46vw; min-height:68vw;}
.rod_c2img{ position:absolute; left:0; top:0; width:32.5vw; max-width:624px;}
.rod_con2 .container{ display:flex;flex-direction:row-reverse; }
.rod_c2box{ width:860px;}
.rod_c2ul{ margin:58px -40px 0;}
.rod_c2ul li{ width: calc(33.33% - 80px); margin: 0 40px; padding-top: 72px; background: url(../images/rod_c2ar.png) no-repeat center 15px; position:relative; text-align:center; transition:all 0.5s ease;}
.rod_c2ul li:hover{transform:translateY(-12px);}
.rod_c2ul li:after{content:""; width:1px; background:rgba(255,255,255,0.2); position:absolute; right:-40px; top:72px; bottom:0;}
.rod_c2ul li:nth-child(3n):after{display:none;}
.rod2tag{ width:200px; line-height:48px; height:50px; border:1px solid rgba(255,255,255,0.2); margin:0 auto; text-align:center; font-size:20px;}
.rod2yr{ font-size: 20px; line-height: 48px; }
.rod2img{ height:142px; margin-top:15px; position:relative;}
.rod2img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
@media (max-width:1799px){
.rod_page .his_t strong{ font-size: 120px; line-height: 120px;}
.rod_t strong{font-size:44px; line-height:44px;}
.rod_t p{font-size:32px; line-height:50px;}
.rod_c1des strong{font-size:32px; line-height:32px;}
.rod_c1des p{font-size:15px; line-height:24px;}
.rod_c1ul li{margin-bottom:20px;}
.rod_c1imgs span{width:80px; height:80px;}
.rod_c1des{min-height:80px;}
.rod_c2box{width:700px;}
.rod2tag{font-size:14px; line-height:44px; height:46px;}
.rod2img{ height:80px;}
.rod_c2ul{margin-top:40px;}
}
@media (max-width:1379px){
.rod_t p{font-size:30px; line-height:42px;}
}
@media (max-width:1199px){
.rod_t p{font-size:24px; line-height:36px;}
.rod_c2img{left:-82px;}
}
@media (max-width:993px){
.rod_page .his_t strong{font-size:80px; line-height:80px;}
.rod_t strong{font-size:36px; line-height:40px;}
.rod_con2 .rod_t {padding-left: 158px;}
.rod_c2ul li:after{right:-49px;}
}
@media (max-width:767px){
.rod_page .his_t strong{font-size:42px; line-height:42px;}
.rod_c1img{display:none;}
.rod_c2img{display:none;}
.rod_con1{padding-top:0;}
.rod_t strong{font-size:24px; line-height:34px;}
.rod_t p{margin-top:5px;}
.rod_c1ul{margin-top:25px;}
.rod_c1ul li{flex-wrap:wrap;text-align:center;}
.rod_c1imgs{width:100%; margin-right:0;justify-content:center;}
.rod_c1imgs span{margin:0 5px;}
.rod_c1des{width:100%;}
.rod_c1ul li{margin-bottom:30px;}
.rod_c1des strong{margin-top:12px;}
.rod_con2{margin-top:0;}
.rod_c2ul{margin-left:-5px; margin-right:-5px; margin-top:25px; padding-bottom:11vw;}
.rod_c2ul li{ width:calc(50% - 10px); margin:0 5px;}
.rod_c2box{width:auto;}
.rod_con2 .rod_t{padding-left:0;}
.rod2tag{width:auto;}
.rod_c2ul li:after{display:none;}
.rod_t{text-align:center;}
}


.rc_con1{ background: url(../images/rc_c1png_bg.png) no-repeat center bottom; background-size:100% 9.63vw;}
.rc_c1top{position:relative; background:#0c3d70; background-position:right center; border-radius:1em; background-repeat:no-repeat; overflow:hidden; background-size:auto 100%;}
.rc_c1top:before{ content: ""; background: url(../images/rc_c1bg.svg) no-repeat left center; position:absolute; left:0; top:0; right:0; bottom:0; background-size:auto 100%;}
.rc_c1txt{ position:relative; z-index:1; color:#fff; height:540px;display:flex; flex-direction:column; justify-content:center; max-width:600px; margin-left:4.16vw;}
.rc_c1txt strong{ font-size: 40px; line-height: 40px; letter-spacing: 2px; display: block; font-weight: normal; margin-bottom:28px;}
.rc_c1txt h5{ font-size: 18px; line-height: 30px; display: block; font-weight:normal; margin-bottom:5px; }
.rc_c1txt p{ font-size: 18px; line-height: 30px; color:rgba(255,255,255,0.8);}
.rc_c1bom{ margin-top:4.68vw; position:relative;}
.rc_c1bom:before{ content: ""; background: url(../images/rc_c2it.png) no-repeat center center; position: absolute; width: 83.64vw; max-width:1606px; left:50%; top:0; transform:translateX(-50%); bottom:0; background-size:100% auto;}
.rc_c1bmt{ position: absolute; font-size: 50px; line-height: 50px; left: 50%; top: 50%; white-space: nowrap; transform: translate(-50%,-50%); font-weight: bold; z-index:1;}
.rc_c1bmcon{ position:relative; width:788px; height:730px; margin:0 auto; z-index:1;/* animation:turnAni 50s linear infinite;*/}
.rc_c1item{ width:0; height:0; position:absolute;/* animation:RturnAni 50s linear infinite;*/}
.rc_c1mmx{ height:186px; width:186px; background: linear-gradient(to bottom,#DE8164 0%,#B5431F 100%); border-radius:50%; color:#fff;display:flex; flex-direction:column; justify-content:center; text-align:center; transition:all 0.5s ease; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.rc_c1mmx:after{ content: ""; border:8px solid rgba(209,109,77,0.3); border-radius:50%; top:-8px; right:-8px; bottom:-8px; left:-8px; position:absolute; }
.rc_c1mmx:before{ content:""; border:1px dashed rgba(209,109,77,0.3); border-radius:50%; top:-14px; right:-14px; bottom:-14px; left:-14px; position:absolute;}
.rc_c1ico{ display:block; width:64px; height:64px; margin:0 auto 10px;}
.rc_c1mmx strong{ display:block; font-size:18px; line-height:40px; font-weight:normal;}
.rc_c1mmx p{ max-height:0; transition:all 0.5s ease; overflow:hidden; font-size:14px; line-height:18px; color:rgba(255,255,255,0.8);-webkit-line-clamp:5; margin-left:auto; margin-right:auto;}
.rc_c1item:hover .rc_c1mmx{ width:276px; height:276px;}
.rc_c1item:hover .rc_c1mmx:after{ border-width:12px; left:-12px; top:-12px; right:-12px; bottom:-12px;}
.rc_c1item:hover .rc_c1mmx:before{ top:-18px; right:-18px; bottom:-18px; left:-18px;}
.rc_c1item:hover .rc_c1mmx p{ max-height:90px; max-width:210px; padding:0 10px;}
.rc_c1item1{ left:13.7%; top:31.23%;}
.rc_c1item1 .rc_c1mmx{}
.rc_c1item2{ left:50%; top:14.79%;}
.rc_c1item2 .rc_c1mmx{ background: linear-gradient(to bottom,#789AB8 0%,#1B4672 100%);}
.rc_c1item2 .rc_c1mmx:after{ border:8px solid rgba(120,154,184,0.3);}
.rc_c1item2 .rc_c1mmx:before{ border:1px dashed rgba(120,154,184,0.3)}
.rc_c1item3{ right:13.7%; top:31.23%;}
.rc_c1item3 .rc_c1mmx{ background: linear-gradient(to bottom,#91B1BF 0%,#18556F 100%);}
.rc_c1item3 .rc_c1mmx:after{ border:8px solid rgba(75,124,145,0.3);}
.rc_c1item3 .rc_c1mmx:before{ border:1px dashed rgba(75,124,145,0.3)}
.rc_c1item4{ right:13.7%; bottom:31.23%;}
.rc_c1item4 .rc_c1mmx{ background: linear-gradient(to bottom,#F8D988 0%,#DBA416 100%);}
.rc_c1item4 .rc_c1mmx:after{ border:8px solid rgba(232,188,73,0.3);}
.rc_c1item4 .rc_c1mmx:before{ border:1px dashed rgba(232,188,73,0.3)}
.rc_c1item5{ left:50%; bottom:14.79%;}
.rc_c1item5 .rc_c1mmx{ background: linear-gradient(to bottom,#A2B8B9 0%,#5E888A 100%);}
.rc_c1item5 .rc_c1mmx:after{ border:8px solid rgba(127,159,161,0.3);}
.rc_c1item5 .rc_c1mmx:before{ border:1px dashed rgba(127,159,161,0.3)}
.rc_c1item6{ left:13.7%; bottom:31.23%;}
.rc_c1item6 .rc_c1mmx{ background: linear-gradient(to bottom,#F3C79C 0%,#CB9B70 100%);}
.rc_c1item6 .rc_c1mmx:after{ border:8px solid rgba(223,177,134,0.3);}
.rc_c1item6 .rc_c1mmx:before{ border:1px dashed rgba(223,177,134,0.3)}
@media (max-width:1799px){
.rc_c1txt{height:420px;max-width:480px; margin-left:3.2vw;}
.rc_c1txt strong{ font-size: 30px; line-height: 30px; margin-bottom:22px;}
.rc_c1txt h5{ font-size: 15px; line-height: 24px;}
.rc_c1txt p{ font-size: 15px; line-height: 24px;}
.rc_c1bmt{ font-size: 32px; line-height: 32px;}
.rc_c1bmcon{width:658px; height:600px;}
.rc_c1mmx{ height:150px; width:150px;}
.rc_c1ico{width:58px; height:58px; margin-bottom:5px;}
.rc_c1mmx strong{font-size:16px; line-height:36px; }
.rc_c1mmx p{font-size:14px; line-height:18px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.rc_c1txt p{font-size:12px; line-height:22px;}
.rc_c1txt{max-width:310px; height:320px;}
.rc_c1txt strong{font-size:24px; line-height:24px;}
}
@media (max-width:767px){
.rc_c1top:before{background:rgba(38,49,57,0.3);}
.rc_c1txt p{color:rgba(255,255,255,0.9);}
.rc_c1bmt{position:static; transform:translate(0,0); margin-top:11vw; width:100%; text-align:center; margin-bottom:25px; font-size:28px;}
.rc_c1bmcon{width:100%; height:auto;}
.rc_c1item{position:relative!important; left:auto!important; top:auto!important; width:100%; height:auto; right:auto!important; margin-top:10px;}
.rc_c1mmx{width:100%!important; height:auto!important; position:relative; transform:translate(0,0); left:auto; top:auto; border-radius:0.6em; padding:25px 0 30px;}
.rc_c1mmx p{opacity:1; max-height:none!important; max-width:none!important; padding:0 15px!important;}
.rc_c1mmx:after,.rc_c1mmx:before{display:none;}
.rc_c1mmx p{line-height:22px;}
.rc_c1mmx strong{font-size:20px; letter-spacing:1px;}
}


.rc_con2{}
.rc_c2tab{ margin-top:15px; position:relative; text-align:center}
.rc_c2tab:before{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#EEEEEE;}
.rc_c2tab a{ line-height:78px; height:80px; padding:0 25px; margin:0 10px; display:inline-block; position:relative; font-size:22px; color:#b5b5b5; cursor:pointer;}
.rc_c2tab a.on{ color:#333; padding-left:58px;}
.rc_c2tab a i{ width:20px; height:20px; border:2px solid var(--cor); border-radius:0.1em; position:absolute; left:20px; top:50%; margin-top:-10px; transition:all 0.5s ease; opacity:0}
.rc_c2tab a i:after{content:""; width:6px; height:6px; background:var(--cor); position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px;}
.rc_c2tab a.on i{opacity:1; transition-delay:0.2s;}
.rc_c2tab a:after{content:""; width:0%; transition:all 0.5s ease; height:2px; background:var(--cor); position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.rc_c2tab a.on:after{ width:100%;}
.rc_c2dls{ margin-top:3.12vw;}
.rc_c2dls dd{}
.rc_c2item{display:flex; justify-content:space-between; }
.rc_c2item .overflowHide{ width:42.36%; height:600px; border-radius:0.6em; transition:all 0.8s ease; transform:translateX(80px); opacity:0;}
.rc_c2rx{ width:51.73%;display:flex; flex-direction:column; justify-content:center; transition:all 0.8s ease; transform:translateX(80px);  opacity:0;}
.rc_c2rx strong{ font-size: 28px; line-height: 38px; display: block; font-weight: normal; }
.rc_c2rx p{ font-size: 18px; line-height: 28px; text-align: justify; margin-top: 15px; }
.rc_c2dls dd.on .rc_c2item .overflowHide{ opacity:1; transform:translateX(0);}
.rc_c2dls dd.on .rc_c2rx{ opacity:1; transform:translateX(0); transition-delay:0.2s;}
.rc_c2rimg{ margin-top: 25px; }
.rc_c2bom{padding-top:5vw;}
.rc_c2sw{ margin: 1.2vw -15px 0px; }
.rc_c2sw dd{ padding:15px;}
.rc_c2bma{ display:block;}
.rc_c2bma .overflowHide{ height:258px; border-radius:0.8em;}
.rc_c2sw .slick-prev{ background: url(../images/rc_btn1.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; position: absolute; left: -75px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -26px; z-index: 1; border-radius:50%; transition:all 0.5s ease; }
.rc_c2sw .slick-next{ background: url(../images/rc_btn1.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; position: absolute; right: -75px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -26px; z-index: 1; border-radius:50%; transition:all 0.5s ease; transform:rotate(180deg);}
.rc_c2sw .slick-prev:hover,.rc_c2sw .slick-next:hover{ background:var(--cor) url(../images/rc_btn2.png) no-repeat center center; box-shadow:0 8px 20px rgba(204,36,44,0.3); }
.rc_c2sw .slick-next:hover{ box-shadow:0 -8px 20px rgba(204,36,44,0.3);}
@media (max-width:1799px){
.rc_c2tab a{ line-height:68px; height:70px; padding:0 20px; font-size:20px;}
.rc_c2tab a.on{padding-left:50px;}
.rc_c2tab a i{ width:20px; height:20px; border:1px solid var(--cor);}
.rc_c2tab a i:after{ width:6px; height:6px;}
.rc_c2dls{ margin-top:2.4vw;}
.rc_c2item .overflowHide{ height:460px;}
.rc_c2rx strong{ font-size: 22px; line-height: 32px; }
.rc_c2rx p{ font-size: 15px; line-height: 24px; margin-top: 12px; }
.rc_c2rimg{ margin-top: 20px; }
.rc_c2rx{width:53.5%;}
.rc_c2sw{ margin: 1.2vw -10px 0px; }
.rc_c2sw dd{ padding:10px;}
.rc_c2bma .overflowHide{ height:200px;}
.rc_c2sw .slick-prev{ height: 46px; width: 46px; left: -70px; margin-top: -23px; background-size:12px auto!important;}
.rc_c2sw .slick-next{ height: 46px; width: 46px; right: -70px; margin-top: -23px; background-size:12px auto!important;}
}
@media (max-width:1379px){
.rc_c2sw{margin-left:35px; margin-right:35px;}
.rc_c2sw .slick-prev{left:-55px;}
.rc_c2sw .slick-next{right:-55px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.rc_c2rx p{font-size:12px; line-height:22px;}
.rc_c2item .overflowHide{height:380px;}
}
@media (max-width:767px){
.rc_c2tab{display:flex;}
.rc_c2tab a{width:25%; margin:0; padding:0!important; line-height:60px; height:auto; font-size:18px;}
.rc_c2tab a i{display:none;}
.rc_c2dls{margin-top:25px;}
.rc_c2item{flex-wrap:wrap;}
.rc_c2item .overflowHide{width:100%;}
.rc_c2rx{width:100%; display:block; margin-top:20px;}
.rc_c2item .overflowHide{height:80vw;}
.rc_c2rx strong{font-size:20px;}
.rc_c2rx p{font-size:12px; line-height:22px; margin-top:8px;}
.rc_c2bom{padding-top:13vw;}
.rc_c2sw{margin-left:25px; margin-right:25px;}
.rc_c2sw .slick-prev{left:-36px; width:40px; height:40px; background-size:10px auto !important;}
.rc_c2sw .slick-next{right:-36px; width:40px; height:40px; background-size:10px auto !important;}
}


.rc_con3{ padding:10.41vw 0 12.5vw; background-size:cover;}
.rc_con3 .container{display:flex; justify-content:space-between; }
.rc_c3lx{ color:#fff;}
.rc_c3des{ font-size: 18px; line-height: 28px; margin-top: 28px; }
.rc_c3spimg{ margin-top:55px;}
.rc_c3spimg dd{ text-align:center; cursor:pointer;}
.rc_c3simgx{ width:48px; height:48px; margin:0 auto; position:relative; border:1px solid rgba(255,255,255,0.3); border-radius:50%;}
.rc_c3simgx .coverImg{ width:40px; height:40px; border-radius:50%; left:3px; top:3px; border-radius:50%; overflow:hidden;}
.rc_c3spimg .slick-track{ margin-left:0;}
.rc_c3svg{ position:absolute; left:-4px; top:-4px; right:-4px; bottom:-4px;}
.rc_c3svg svg{ width:100%; height:auto;}
.rc_c3spimg dd p{ font-size:14px; line-height:18px; margin-top:10px; transition:all 0.5s ease; opacity:0}
.rc_c3spimg dd.slick-current p{opacity:1;}
@keyframes dash { to {
stroke-dashoffset:0px
}
}
.circle {stroke-dasharray: 360px;stroke-dashoffset: 360px;}
.slick-current .circle{ animation:dash 10s linear forwards;}
.rc_c3rx{ width:calc(100% - 490px); height:460px; background:#fff; border-radius:0.8em; padding:70px 70px 50px;}
.rc_c3sw2{}
.rc_c3sw2 dd{height:270px;}
.rc_pnm{ height:90px; display:flex; transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.rc_pimg{ border:2px solid var(--cor); border-radius:50%; padding:3px;}
.rc_pnm .coverImg{ overflow:hidden; width:80px; height:80px; border-radius:50%;}
.rc_pnm span{ font-size: 30px; line-height: 90px; margin-left: 15px; letter-spacing:2px;}
.rc_pdes{ left: 240px; bottom: 0; position: absolute; font-size: 17px; line-height: 28px; text-align: justify; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6; transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.rc_pdes:before{ content: ""; background: url(../images/rc_fh.png) no-repeat; height: 141px; width: 147px; position: absolute; left: 0px; top: -90px; }
.rc_c3sw2 .slick-dots{bottom:auto; top:70px; right:0px; width:auto; text-align:right;}
.rc_c3sw2 .slick-dots li button{display:none;}
.rc_c3sw2 .slick-dots li { background:#E2E2E2; display: inline-block; height:8px; width:8px; margin: 0px 0px 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.rc_c3sw2 .slick-dots li.slick-active{ background:var(--cor);}
.rc_c3sw2 .slick-prev{ background: url(../images/rc_c3btn1.png) no-repeat center center; display: inline-block; height: 32px; width: 32px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E6E6E6; right: 40px; bottom: -52px; transition:all 0.5s ease; border-radius:50%; }
.rc_c3sw2 .slick-next{ background: url(../images/rc_c3btn1.png) no-repeat center center; display: inline-block; height: 32px; width: 32px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 2px solid #E6E6E6; right: 0px; bottom: -52px; transition:all 0.5s ease; transform:rotate(180deg); border-radius:50%;}
.rc_c3sw2 .slick-prev:hover,.rc_c3sw2 .slick-next:hover{ border: 2px solid var(--cor); background: url(../images/rc_c3btn2.png) no-repeat center center; }
.rc_c3sw2 dd.slick-current .rc_pnm{opacity:1; transform:translateY(0); transition-delay:0.1s}
.rc_c3sw2 dd.slick-current .rc_pdes{opacity:1; transform:translateY(0); transition-delay:0.3s;}
@media (max-width:1799px){
.rc_c3des{ font-size: 15px; line-height: 24px; margin-top: 25px; }
.rc_c3spimg{ margin-top:35px;}
.rc_c3rx{ width:calc(100% - 490px); height:400px; padding:40px 30px 40px;}
.rc_pnm{ height:70px;}
.rc_pnm .coverImg{width:60px; height:60px;}
.rc_pnm span{ font-size: 22px; line-height: 70px;}
.rc_pdes{ left: 120px; font-size: 14px; line-height: 24px;}
.rc_pdes:before{ height: 80px; width: 80px; top: -50px; background-size:100% auto; }
.rc_c3sw2 .slick-prev{bottom: -42px;}
.rc_c3sw2 .slick-next{bottom: -42px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.rc_c3des{font-size:12px;}
.rc_c3rx{width:calc(100% - 390px);}
.rc_pdes{left:0;}
}
@media (max-width:993px){
.rc_c3rx{width:calc(100% - 320px);}
.rc_pdes{font-size:12px; line-height:22px;}
}
@media (max-width:767px){
.rc_con3 .container{flex-wrap:wrap;}
.rc_c3lx{width:100%;}
.rc_c3rx{width:100%; margin-top:15px;}
.rc_c3spimg{display:none;}
.rc_c3des{text-align:center;}
.rc_c3rx {height: 380px;padding: 25px 20px 30px;}
.rc_pdes{overflow-y: auto;}
}


.rc_con4{ background-size:cover; background-position:center center; padding-top:7.81vw; padding-bottom:28.38vw;}
.rc_c4ul{ margin-top:2.6vw;}
.rc_c4ul li{ margin-right:20px; width:300px;}
.rc_c4item{ display:block; position:relative;}
.rc_c4item .overflowHide{ height:300px; border-radius:0.8em;}
.rc_c4lay{ position:absolute; left:0; top:0; right:0; bottom:0; padding:35px 30px;}
.rc_c4lay strong{ display:block; font-size:40px; line-height:36px; color:rgba(255,255,255,0.1); font-weight:normal;}
.rc_c4lay p{ font-size: 26px; line-height: 32px; color: #FFF; margin-top: -12px; letter-spacing:2px; }
.rc_c4item:hover{ transform:translateY(-10px); box-shadow:0 8px 28px rgba(0,0,0,0.2);}
.rc_c4ul li:nth-child(1) .rc_c4lay strong{ color:rgba(0,0,0,0.08);}
.rc_c4ul li:nth-child(1) .rc_c4lay p{ color:#000;}
@media (max-width:1799px){
.rc_c4ul li{ margin-right:15px; width:250px;}
.rc_c4item .overflowHide{ height:250px;}
.rc_c4lay{padding:25px 25px;}
.rc_c4lay strong{font-size:32px; line-height:32px;}
.rc_c4lay p{ font-size: 22px; line-height: 30px; margin-top: -12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.rc_c4ul li{width:220px;}
.rc_c4item .overflowHide{height:160px;}
}
@media (max-width:767px){
.rc_c4ul{margin-top:25px; margin-left:-5px; margin-right:-5px;}
.rc_c4ul li{width:calc(50% - 10px); margin:0 5px 10px;}
.rc_c4item:hover{transform:translateY(0);}
.rc_c4lay{padding:15px;}
.rc_c4lay strong{font-size:20px; line-height:20px;}
.rc_c4item .overflowHide{height:32vw;}
.rc_c4lay p{font-size:18px;}
.rc_con4{padding-top:12vw;}
.rc_con3{padding-top:13vw; padding-bottom:14vw;}
}


.wh_con1{ height:58.43vw; padding:8.07vw 0 0; text-align:center; position:relative;}
.whc1_bg{ background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}
.wh_con1 .container{position:relative; z-index:1;}
.wh_c1t{ position:relative;}
.wh_c1t strong{ font-size: 180px; line-height: 180px; text-transform: uppercase; font-weight: normal; display: block; color:rgba(255,255,255,0.3);}
.wh_tp{ font-size:40px; line-height:76px; position:relative; letter-spacing:1px;}
.wh_tp:after{content:""; width:40px; height:4px; background:var(--cor); position:absolute; left:0; bottom:0;}
.wh_tp_c{ text-align:center;}
.wh_tp_c:after{left:50%; margin-left:-20px;}
.wh_tp_w{ color:#fff;}
.wh_c1t .wh_tp{margin-top:-145px;}
.wh_c1tip{ position:relative; margin:55px auto 0; width:430px; padding-top:20px; height:108px;}
.wh_c1tip strong{ font-size: 32px; line-height: 42px; font-weight: normal; display: block; }
.wh_c1tip p{ font-size: 20px; line-height: 30px; margin-top: 4px; }
.wh_c1tip:before{ content: ""; height: 17px; width: 21px; border-top: 3px solid var(--cor); border-left: 3px solid var(--cor); position: absolute; left: 0px; top: 0px; }
.wh_c1tip:after{content:""; height: 17px; width: 21px; border-bottom: 3px solid var(--cor); border-right: 3px solid var(--cor); position: absolute; right: 0px; bottom: 0px; }
.wh_con2{ position:relative;padding-top:8.07vw; overflow:hidden;}
.whc2_bg{ background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}
.wh_con2 .container{position:relative; z-index:1;}
.wh_c2top_wpr{ display:flex;flex-direction:row-reverse;}
.wh_c2top{ width:745px; position:relative;}
.wh_c2t{ position:relative;}
.wh_c2t strong{ font-size: 230px; line-height: 230px; color:rgba(255,255,255,0.06); display:block; font-weight:normal; position:relative; left:-94px;  }
.wh_c2t .wh_tp{margin-top:-100px;}
.wh_c2txt{ margin-top:30px; color:#fff;}
.wh_c2txt strong{ font-size: 32px; line-height: 42px; letter-spacing: 1px; display:block; font-weight:normal;}
.wh_c2txt p{ font-size: 20px; line-height: 26px; margin-top: 10px; }
.wh_c2bom{ margin-top:418px; position:relative;}
.wh_c2bom:before{content:""; width:80vw; height:90vw; border:1px solid rgba(255,255,255,0.8); position:absolute; right: 46%; top: -30%;border-radius:50%;}
.wh_c2at{ position:relative; display:block;}
.wh_c2at strong{ font-weight: normal; font-size: 72px; line-height: 72px; color: rgba(255,255,255,0.2); text-transform: uppercase; }
.wh_c2at .wh_tp{margin-top:-45px;}
.wh_c2bmtxt{ margin-top:7.03vw; max-width:700px;}
.wh_c2bmsw{}
.wh_c2bmsw dd{}
.wh_c2bmitem{ height:15.2vw; transition:all 0.5s ease; color:#fff;}
.wh_c2bmsw strong{ font-size: 32px; line-height: 46px; font-weight: normal; letter-spacing: 1px; display: block; }
.wh_c2bmsw p{ font-size: 18px; line-height: 26px; }
.wh_c2bmsw h4{ font-weight: 100; font-size: 30px; line-height: 42px; display: block; margin-top: 15px; letter-spacing:1px;}
.wh_c2bmsw dd.slick-current + dd .wh_c2bmitem{ color:rgba(255,255,255,0.5)}
.wh_c2bmsw dd.slick-current + dd + dd .wh_c2bmitem{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wh_con3{ background:#fff; position:relative; z-index:2; padding:6.25vw 0;}
.wh_c3t{ text-align:center; position:relative;}
.wh_c3t strong{ font-size: 120px; line-height: 120px; text-transform: uppercase; color:rgba(0,0,0,0.06);}
.wh_c3t .wh_tp{margin-top:-165px;}
.wh_c3ul{ margin:35px -9px 0; position:relative; padding-left:calc(33.33% + 8px);}
.wh_c3ul li{ width:calc(50% - 18px); margin:0 9px 18px;}
.wh_c3a{ display:block; position:relative}
.wh_c3a .overflowHide{ height:391px; border-radius:0.6em;}
.wh_c3nm{ position:absolute; left:0; right:0; bottom:0; padding:0 35px 35px;}
.wh_c3nm strong{ font-size: 30px; line-height: 42px; font-weight: normal; display: block; color:#fff; letter-spacing:1px; }
.wh_c3nm p{ font-size: 18px; line-height: 30px; color:rgba(255,255,255,0.5);}
.wh_c3ul li:nth-child(1){ width:calc(33.33% - 18px); position:absolute; left:0px; top:0;}
.wh_c3ul li:nth-child(1) .wh_c3a .overflowHide{ height:800px;}
.wh_con4{ padding:8.33vw 0; position:relative; position:relative; z-index:3;}
.whc4_bg{ background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}
.wh_con4 .container{position:relative; z-index:1;}
.wh_c4t{ position:relative;}
.wh_c4t strong{ font-size: 100px; line-height: 100px; text-transform: uppercase; color:rgba(255,255,255,0.06); font-weight:normal; display:block;}
.wh_c4t .wh_tp{margin-top:-175px;}
.wh_c4ul{ margin-top:130px;}
.wh_c4ul li{ padding-top:5.16vw;}
.wh_c4item{ display:block; padding-left:90px; position:relative; color:rgba(255,255,255,0.3);}
.wh_c4item strong{ font-size: 30px; line-height: 36px; letter-spacing: 1px; display: block; font-weight: normal;}
.wh_c4item h5{ font-size: 18px; font-weight: normal; line-height: 32px; display:block; color:rgba(255,255,255,0.3);}
.wh_c4item p{ font-size: 21px; line-height: 30px; margin-top: 6px; }
.wh_c4item:hover{color:#fff;}
.wh_c4item .transition{ background: url(../images/wh_c4ar.png) no-repeat center center; height: 48px; width: 48px; border: 1px solid #FFF; position: absolute; left: 0px; top: 50%; margin-top: -24px; border-radius:50%;}
.wh_c4item:hover .transition{ background: #024385 url(../images/wh_c4ar.png) no-repeat center center; border: 1px solid #024385; }
@media (max-width:1799px){
.wh_c1t strong{font-size:120px; line-height:120px;}
.wh_tp{font-size:32px; line-height:66px;}
.wh_tp:after{height:3px;}
.wh_c1t .wh_tp{margin-top:-98px;}
.wh_c1tip strong{font-size:28px; line-height:40px;}
.wh_c1tip p{font-size:18px; line-height:26px;}
.wh_c2t strong{font-size:180px; line-height:180px; left:-65px;}
.wh_c2txt strong{font-size:28px; line-height:38px;}
.wh_c2txt p{font-size:18px; line-height:26px;}
.wh_c2at strong{font-size:60px; line-height:60px;}
.wh_c2bmsw strong{font-size:26px; line-height:38px;}
.wh_c2bmsw p{font-size:16px; line-height:24px;}
.wh_c2bmsw h4{font-size:24px; line-height:36px;}
.wh_c3t strong{ font-size: 100px; line-height: 100px;}
.wh_c3t .wh_tp{margin-top:-145px;}
.wh_c3a .overflowHide{height:280px;}
.wh_c3ul li:nth-child(1) .wh_c3a .overflowHide{height:578px;}
.wh_c3nm{padding:25px;}
.wh_c3nm strong{font-size:22px; line-height:36px;}
.wh_c3nm p{font-size:16px;}
.wh_c4t strong{font-size:80px; line-height:80px;}
.wh_c4t .wh_tp {margin-top: -144px;}
.wh_c4item strong{font-size:20px; line-height:32px;}
.wh_c4item h5{font-size:16px; line-height:30px;}
.wh_c4item p{font-size:18px; line-height:26px;}
.wh_c4ul li{padding-top:3.6vw;}
}
@media (max-width:1379px){
.wh_tp{font-size:30px;}
}
@media (max-width:1199px){
.wh_c1tip strong{font-size:24px; line-height:36px;}
.wh_c1tip{margin-left:0; width:360px;}
.wh_c2bmsw h4{font-size:20px; line-height:32px;}
}
@media (max-width:993px){
.wh_c2top{width:655px;}
.wh_c2t strong{font-size:140px; line-height:140px;}
.wh_c2bom:before {	width: 140vw;height: 120vw;	right: 26%;top: -30%;}
.wh_c3nm strong{font-size:20px; line-height:30px;}
.wh_c3nm p{font-size:14px; line-height:18px; margin-top:5px;} 
.wh_c4ul{margin-top:65px;}
.wh_c4item p{font-size:16px; line-height:24px; margin-top:2px;}
.wh_c4item h5{font-size:14px; line-height:24px;}
.wh_c4item strong{font-size:18px; line-height:30px;}
.wh_c4t .wh_tp {margin-top: -114px;}
}
@media (max-width:767px){
.wh_con1{height:76vw;}
.wh_c1t strong{font-size:60px; line-height:100px;}
.wh_tp{font-size:24px; line-height:52px;}
.wh_c1t .wh_tp {margin-top: -75px;}
.wh_c1tip{width:calc(100vw - 30px);}
.wh_c1tip strong{font-size:20px; line-height:24px;}
.wh_c1tip p{font-size:13px; line-height:20px;}
.wh_c1tip{padding-top:10px;height: 68px;}
.wh_c2top{width:100%;}
.wh_c2t strong{left:0; font-size:60px; line-height:110px;}
.wh_c2txt strong{font-size:20px; line-height:32px;}
.wh_c2txt strong br{display:none;}
.wh_c2t .wh_tp {margin-top: -82px;}
.wh_c2txt p{font-size:13px; line-height:20px;}
.wh_c2bom:before{display:none;}
.wh_c2bom{margin-top:35px;}
.wh_c2at strong{font-size:40px; line-height:40px;}
.wh_c2at .wh_tp {margin-top: -55px;}
.wh_c2bmsw{height:360px;}
.wh_c2bmsw dd{height:120px!important;}
.wh_c2bmsw h4{font-size:16px; line-height:24px; margin-top:5px;}
.wh_c2bmsw strong{font-size:22px; line-height:32px;}
.wh_c2bmsw p{font-size:14px;}
.wh_c3t strong{line-height:50px; font-size:50px;}
.wh_con3{padding-top:13vw; padding-bottom:12vw;}
.wh_c3t .wh_tp{margin-top:-74px;}
.wh_c3ul{margin-top:45px; padding-left:0;}
.wh_c3ul{margin-left:-5px; margin-right:-5px; flex-wrap:wrap;}
.wh_c3ul li{ width:calc(100% - 10px)!important; margin-left:5px; margin-right:5px; position:relative!important; margin-bottom:10px;}
.wh_c3a .overflowHide{height:50vw;}
.wh_c3ul li:nth-child(1) .wh_c3a .overflowHide{height:100vw;}
.wh_con4{padding:12vw 0 15vw;}
.wh_c4t strong{font-size:40px; line-height:40px;}
.wh_c4t .wh_tp{margin-top: -66px;}
.wh_c4ul{margin-top:22px;}
.wh_c4item{padding-left:62px;}
.wh_c4item p{font-size:12px; line-height:20px;}
}


.svr_con1{}
.svr_c1t{ text-align:center;}
.svr_c1t strong{ font-size: 100px; line-height: 100px; text-transform: uppercase; font-weight: normal;background-image: linear-gradient(180deg, rgba(0,0,0,0.08) 20%,rgba(0,0,0,0) 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.svr_c1t p{ font-size: 44px; line-height: 54px; letter-spacing: 2px; margin-top:-45px;}
.svr_c1dls{ margin: 2.6vw -8px 0px; display:flex; }
.svr_c1dls dd{ width:calc(40% - 16px); margin:0 8px; transition:all 0.5s ease;}
.svr_c1dls dd.on{ width:calc(85% - 16px);}
.svr_c1item{ display:block; position:relative; overflow:hidden;}
.svr_c1item .coverImg{ height:650px; border-radius:0.6em; overflow:hidden}
.svr_c1item .coverImg:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background-image: linear-gradient(0deg, rgba(21,44,85,1) 0%,rgba(21,44,85,0) 25%); transition:all 0.5s ease;}
.svr_c1item .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background-image: linear-gradient(160deg, rgba(21,44,85,1) 0%,rgba(21,44,85,0) 80%); transition:all 0.5s ease; opacity:0;}
.svr_dnm{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 18px; line-height: 32px; color: #FFF; padding-bottom: 32px; padding-right: 25px; padding-left: 25px; text-align:center; transition:all 0.5s ease; }
.svr_hvx{ position:absolute; left:0; top:0; right:0; bottom:0; padding:3.6vw 2vw; color:#fff; transition:all 0.5s ease; transform:translateY(50px); opacity:0; }
.svr_hvx strong{ font-size: 26px; line-height: 46px; letter-spacing: 1px; font-weight: normal; display: block; margin-bottom:12px;}
.svr_hvx p{ font-size: 18px; line-height: 32px; margin-top: 8px; position: relative; padding-left: 20px; }
.svr_hvx p:before{content:""; width:5px; height:5px; background:var(--cor); position:absolute; left:0; top:13px;}
.svr_c1dls dd.on .svr_c1item .coverImg:before{opacity:0;}
.svr_c1dls dd.on .svr_c1item .coverImg:after{opacity:1;}
.svr_c1dls dd.on .svr_dnm{ opacity:0; transform:translateY(30px)}
.svr_c1dls dd.on .svr_hvx{ opacity:1; transform:translateY(0); transition-delay:0.3s} 
@media (max-width:1799px){
.svr_c1t strong{font-size:80px; line-height:80px;}
.svr_c1t p{font-size:32px; line-height:32px; margin-top:-32px;}
.svr_c1item .coverImg{height:460px;}
.svr_hvx strong{font-size:22px; line-height:40px;}
.svr_hvx p{font-size:15px; line-height:24px;}
.svr_hvx p:before{top:9px;}
.svr_dnm{font-size:15px; line-height:24px; padding-left:12px; padding-right:12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.svr_c1dls dd{ width:calc(20% - 16px);}
.svr_c1dls dd.on{ width:calc(85% - 16px);}
}
@media (max-width:767px){
.svr_c1t strong{font-size:46px; line-height:46px;}
.svr_c1t p{font-size:24px; line-height:24px; margin-top:-12px;}
.svr_c1dls{margin-top:35px; flex-wrap:wrap;}
.svr_c1dls dd{width:100%!important; margin:0 0 12px;}
.svr_hvx strong{font-size:20px; line-height:32px;}
.svr_hvx p{font-size:14px;}
.svr_hvx{padding:30px 15px; opacity:1; transform:translate(0,0)}
.svr_c1item .coverImg{height:360px;}
.svr_dnm{display:none;}
.svr_c1item .coverImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); opacity:1}
}


.svr_page{ position:relative; padding-top:11.45vw;}
.svr_bg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:100% 100%; overflow:hidden}
.svr_con2{ position:relative; padding-bottom:8.32vw;}
.svr_c2t{ position:relative;}
.svr_c2t strong{ font-size: 136px; line-height: 136px; display: block; color: rgba(255,255,255,0.2); font-weight: normal; text-transform: uppercase; }
.svr_c2t p{ white-space: nowrap; display: inline-block; font-size: 30px; line-height: 30px; padding-left: 16px; letter-spacing: 1px; color: #FFF; position:absolute; left:440px; top:52px; }
.svr_c2t p:before{ content:""; width:4px; height:30px; background:var(--cor); position:absolute; left:0; top:2px}
.svr_c2t2{ margin-top:32px; color:#fff;}
.svr_c2t2 strong{ display: block; font-size: 44px; line-height: 58px; font-weight: normal; letter-spacing: 1px;}
.svr_c2t2 p{ font-size: 18px; line-height: 30px; margin-top: 6px; }
.svr_c2box{ margin-top:8.33vw;}
.svr_c2list{ width:58%; float:left;}
.svr_c2list li{ line-height:36px; padding:18px 0; font-size:21px; letter-spacing:1px; position:relative;}
.svr_c2list li:after{content:""; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; bottom:0; width:0%;}
.svr_c2list li:hover:after{width:100%; transition:all 1s ease;}
.svr_c2sa{ display:inline-block; color:rgba(255,255,255,0.7); margin-left:32px; position:relative; padding-right:58px;}
.svr_c2sa:hover{color:#fff;}
.svr_c2sa:before{content:""; width:6px; height:6px; position:absolute; left:-32px; top:15px; transition:all 0.5s ease; background:rgba(255,255,255,0.7); border-radius:50%;}
.svr_c2sa:hover:before{background:var(--cor);}
.svr_c2sa:after{content:"";}
.svr_c2sa i{ width: 32px; height: 32px; background:;background:var(--cor) url(../images/svr_ar.png) no-repeat center center; position: absolute; top: 2px; right: 0px; border-radius:50%; box-shadow:0 5px 18px rgba(204,36,44,0.3); transition:all 0.5s ease; opacity:0; transform:translateX(-25px); }
.svr_c2sa:hover i{opacity:1; transform:translateX(0);}
.svr_c2imgs{ width:40%;position: -webkit-sticky;position: sticky;top:calc((100vh - 648px) / 2 + 40px); float:right;}
.svr_c2imgs li{ position:absolute; left:0; top:0; transition:all 0.5s ease; opacity:0; width:120%;}
.svr_c2imgs li:nth-child(1){position:relative;}
.svr_c2imgs li .coverImg{ border-radius:50%; overflow:hidden;}
.svr_c2imgs li.on{ opacity:1;}
@media (max-width:1799px){
.svr_c2t strong{font-size:100px; line-height:100px;}
.svr_c2t p{font-size:24px;left: 320px; top: 36px;}
.svr_c2t p:before{height:22px; top:5px;}
.svr_c2t2 strong{font-size:32px; line-height:50px;}
.svr_c2t2 p{font-size:15px; line-height:24px;}
.svr_c2list li {line-height: 28px;padding: 15px 0;font-size: 16px;}
.svr_c2sa:before{top:11px;}
.svr_c2sa i{width:28px; height:28px; top:0;}
.svr_c2imgs{top:calc((100vh - 540px) / 2 + 40px)}
}
@media (max-width:1379px){
.svr_c2imgs li{width:100%;}
.svr_c2imgs{top:calc((100vh - 540px) / 2 + 70px)}
}
@media (max-width:1199px){
.svr_c2t2 strong{font-size:28px; line-height:40px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.svr_c2t strong{font-size:40px; line-height:40px;}
.svr_c2t p {font-size: 24px;left: 0px;top: 30px;}
.svr_c2t2 strong{font-size:22px;}
.svr_c2t2{margin-top:20px;}
.svr_c2t2 p{font-size:12px; line-height:24px;}
.svr_c2box{margin-top:20px;}
.svr_c2list li{font-size:14px; line-height:24px;}
.svr_c2sa{padding-right:32px;}
.svr_c2sa:before{top:9px;}
}


.svr_con3{ position:relative; overflow:hidden; padding-top:6vw; padding-bottom:3vw;}
.svr_c3box{ display:flex; justify-content:space-between; position:relative;}
.svr_c3box:after{content:""; width:1850px; height:1850px; border:4vw solid var(--cor); border-radius:50%; top: -70px; left: -1270px; position:absolute;}
.svr_c3pcyr{ width:47%; height:900px; position:relative; z-index:1;}
.svr_c3pcyr .swiper{ transform:translateY(200px)}
.svr_c3pcyr .swiper-slide{display:flex; flex-direction:column; justify-content:center;}
.svr_c3pcyr .swiper-slide-next{ opacity:0;}
.svr_c3litem{ height: 78px; position: relative; transition:all 0.5s ease; transform:translate(-484px,0);}
.svr_c3limx{ height:260px; position:absolute; right:0; left:0; top:50%; margin-top:-55px; display:flex;flex-direction:row-reverse; }
.svr_c3pcyr .swiper-slide.swiper-slide-prev .svr_c3litem{ transform:translate(-198px,-48px);}
.svr_c3pcyr .swiper-slide.swiper-slide-active .svr_c3litem{ transform:translateX(0vw);}
.svr_c3pcyr .swiper-slide.swiper-slide-next .svr_c3litem{ transform:translateX(0vw);}
.svr_c3limg{ width:200px; height:200px; position:relative; transition:all 0.5s ease;}
.svr_c3limg:before{content:""; background:rgba(11,46,91,0.9); position:absolute; left:15px; top:15px; right:15px; bottom:15px; border-radius:50%;}
.svr_c3limg i{ position:absolute; left:-6px; top:-6px; right:-6px; bottom:-6px; transition:all 0.5s ease; opacity:0;}
.svr_c3limg i:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/svr_c3bor1.png) no-repeat center center; background-size:cover;animation:RturnAni 12s linear infinite;}
.svr_c3limg i:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/svr_c3bor2.png) no-repeat center center; background-size:cover; animation:turnAni 18s linear infinite;}
.svr_c3limg span{position: absolute; left: 0;top: 0;right: 0; bottom: 0;}
.svr_c3limg span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:66%; max-height:66%; width:auto; height:auto;}
.svr_c3limg span:after{ content: ""; position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; border-radius: 50%; border-top: 3px solid rgba(255,255,255,0.9); border-right: 3px solid #6883A5; border-bottom: 3px solid rgba(255,255,255,0.9); border-left: 3px solid #6883A5; animation:turnAni 10s linear infinite; }
.swiper-slide-active .svr_c3limg:before{ background:rgba(255,255,255,0.9);}
.swiper-slide-active .svr_c3limg{width:300px; height:300px; transform:translateY(-45px)}
.swiper-slide-active .svr_c3limg span:after{ border-top: 3px solid rgba(255,255,255,0); border-bottom: 3px solid rgba(255,255,255,0);}
.swiper-slide-active .svr_c3limg i{opacity:1;}
.svr_c3yx{ transition:all 0.5s ease; padding-top:130px; text-align:right; padding-right:10px;}
.swiper-slide-active .svr_c3yx{ opacity:0;}
.swiper-slide-prev .svr_c3yx{ padding-top:65px;}
.svr_c3yx strong{ font: 40px/40px din; display:block; font-weight:normal; color:rgba(255,255,255,0.3);}
.svr_c3yx p{ font-size: 20px; line-height: 20px; color: #fff; text-transform: uppercase; }
.svr_c3rx{ width:50%; position:relative; z-index:1}
.svr_c3rsw{}
.svr_c3rsw dd{ height:900px; position:relative;}
.svr_c3ryrx{ position:absolute; left:0; bottom:100px; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.svr_c3ryrx strong{ font: normal 160px/160px din; display: block; color:rgba(255,255,255,0.2);}
.svr_c3ryrx p{ font-size: 38px; line-height: 38px; text-transform: uppercase; margin-top: 5px; color:#fff; }
.svr_c3ret{font-size: 120px;line-height: 120px; display: block; color: rgba(255,255,255,0.2);font-weight: normal; text-transform: uppercase; transform:translate(-9vw,80px); width:calc(100% + 9vw); transition:all 0.8s ease; opacity:0;}
.svr_c3rx .slick-list{ overflow:visible;}
.svr_c3rt{ font-size: 44px; letter-spacing: 1px; line-height: 60px; text-transform: uppercase; font-weight: normal; margin: 20px 0px 20px; color:#fff; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.svr_c3rdes{ font-size: 18px; line-height: 30px; color:#fff; text-align:justify; padding-bottom:2.08vw; border-bottom:1px solid rgba(255,255,255,0.2); transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.svr_c3rsw .slick-next{ background: url(../images/esg_btn2.png) no-repeat center center; display: inline-block; height: 56px; width: 56px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.3); right: 78px; bottom:185px; z-index:2; border-radius:50%; transition:all 0.5s ease; }
.svr_c3rsw .slick-prev{ background: url(../images/esg_btn2.png) no-repeat center center; display: inline-block; height: 56px; width: 56px; position: absolute; left: auto; top: auto; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.3); right: 0px; bottom:185px; z-index:2; border-radius:50%;  transform:rotate(180deg);}
.svr_c3rsw .slick-prev:hover,.svr_c3rsw .slick-next:hover{ background:var(--cor) url(../images/esg_btn2.png) no-repeat center center; border: 1px solid var(--cor); box-shadow:0 5px 25px rgba(204,36,44,0.8);}
.svr_c3rsw .slick-next:hover{ box-shadow:0 -5px 25px rgba(204,36,44,0.8);}
.svr_c3rsw .slick-disabled,.svr_c3rsw .slick-disabled:hover{ cursor:default; background: url(../images/esg_btn2.png) no-repeat center center; border: 1px solid rgba(255,255,255,0.3); box-shadow:none;}
.on .svr_c3ret{opacity:1;transform:translate(-9vw,0px);}
.on .svr_c3rt{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.on .svr_c3rdes{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.on .svr_c3ryrx{ opacity:1; transform:translateY(0); transition-delay:0.6s;}
@media (max-width:1799px){
.svr_c3ret{font-size:100px; line-height:100px;}
.svr_c3rt{font-size:32px; line-height:40px;}
.svr_c3rdes{font-size:15px; line-height:24px; padding-bottom:20px;}
.svr_c3pcyr{height:700px; transform:scale(0.78); transform-origin:right top;}
.svr_c3rsw dd{height:700px;}
.svr_c3ryrx strong{font-size:120px; line-height:120px;}
.svr_c3ryrx p{font-size:26px; line-height:26px;}
.svr_c3box:after{ width:1780px; height:1780px;top: -70px; left: -1260px;}
.svr_c3rsw .slick-next{width:44px; height:44px; right:58px; bottom:165px;}
.svr_c3rsw .slick-prev{width:44px; height:44px; bottom:165px;}
.svr_c3pcyr .swiper {transform: translateY(145px);}
.svr_c3litem {transform: translate(-524px,60px);}
.svr_c3pcyr .swiper-slide.swiper-slide-prev .svr_c3litem {transform: translate(-246px,-30px);}
}
@media (max-width:1599px){
.svr_c3pcyr .swiper {transform: translateY(160px);}
.svr_c3litem {transform: translate(-464px,60px);}
.svr_c3pcyr .swiper-slide.swiper-slide-prev .svr_c3litem {transform: translate(-216px,-30px);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.svr_c3box:after{left:-1370px;}
.svr_c3rt{font-size:26px; line-height:36px;}
}
@media (max-width:993px){
.svr_c3pcyr{display:none;}
.svr_c3rx{width:100%;}
.svr_c3box:after{display:none;}
.on .svr_c3ret{transform:translate(0,0);}
.svr_c3ret{font-size:80px; line-height:80px;}
.svr_c3rsw dd{height:650px;}
.svr_c2imgs li .coverImg{display:none;}
.svr_c2list{width:100%;}
#fullpage .posLink{top:-56px;}
}
@media (max-width:767px){
.svr_c3ret{font-size:40px; line-height:40px;}
.svr_c3rt{font-size:22px; line-height:32px;}
.svr_c3rdes{font-size:12px; line-height:22px;}
.svr_c3rsw dd{height:550px;}
.svr_c3ryrx strong{font-size:80px; line-height:80px;}
.svr_c3ryrx p{font-size:20px;}
.svr_c3rsw .slick-next,
.svr_c3rsw .slick-prev{bottom:140px; width:40px; height:40px;}
}

/*2025-03-25 CSS*/
.hor_list li{position:relative;}
.hor_list li:hover .abt_c6hx{ opacity:1;}